VUE+Element-Ui联动下拉框

  • 首先使用标签创建多个下拉框


  • 使用forEach方法循环查询到的数据放到定义的数组中(productList[])
 res.data.forEach((res, index) => {//res为返回json数据
    this.productList[index] = {
        value: res.uuid,
        label: res.categoryName,
    }
  • 使用有数据的数组循环数据到第一个下拉框


  • 使用:loading属性懒加载查询到的数据,调用查询方法开始为true,查询完毕后为false

  • 使用@change事件绑定查询方法显示下一个下拉框并加载数据

你可能感兴趣的:(知识)