首页 新闻 搜索 专区 学院

vue 点击每一项 查询出下方table的相关数据

0
[待解决问题]

如图,为头部的菜单,点击每一层级,每一项下方的table数据都会随之改变,请问如何实现?
现在每一层级的数据都是从不同接口里查询出来的
点击第一级的sku,第二级要对应出现每个sku下的科目
谢谢

mx夕酉的主页 mx夕酉 | 菜鸟二级 | 园豆:222
提问于:2018-11-02 17:46
< >
分享
所有回答(1)
0

根据你的描述我大概分析出主要有如下3个接口:

  • 1.SKU接口
  • 2.根据SKU查询科目接口
  • 3.根据所有条件查询table数据接口

思路如下:

  • 1.首先你的查询条件我假设是这样的
data(){
  return{
    sku: '', // SKU分类
    subject: '' // 科目
      ... // 其他
  }
}
  • 2.再vue的watch钩子里你要监听他们两
watch: {
      sku: function (val) {
        // 先调用查询科目数据的接口 可以用await
        // 在这把data里的参数放入查询接口,查询数据并更新table
      },
      subject: function (val) {
        // 在这把data里的参数放入查询接口,查询数据并更新table
      }
    }
.Juliana | 园豆:204 (菜鸟二级) | 2019-01-29 11:28
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册