element-ui之级联选择器的使用详细过程

Posted 2022-11-30 ```飞翔的翅膀```

第一步：先获取数据
第二步：在前台写代码展示数据

  <el-cascader
      :change-on-select="true"
      :props="defaultParams"
      :options="options"
      v-model="selectedOptions"
      :clearable="true"
  ></el-cascader>

date()
  return
     options:[],
     selectedOptions: [],
     defaultParams: 
         label: 'name',
         value: 'id',
         children: 'children'
     
    
,
methods:
  // 从后台获取数据
  getProductType()
     this.$http.get("请求地址")
         .then(res=>
           // 将获得到的数据赋值给options
           this.options=res.data;      
              );
   ，// 页面加载完成后会执行此方法
   mounted() 
      // 调用方法获取所有数据
      this.getProductType();
   

这样就可以正常使用了 我这里就不发效果图片了