关于 element 中 Cascader (级联选择器) 的使用 --- 从后端获取数据渲染到级联选择器!~

3. v-model :表示被选中的参数(是一个数组);

   :options :表示 下拉框中显示的数据(从后端获取);

   expand-trigger :表示怎么触发,现在是移入触发选择器

   :props : 表示绑定的对象(这里需要和后端联系到一起)见右图! 

   value : 表示 被选中上传的id

   label :表示 在选中框中看到的内容

   children: 表示的是后端数据库中子节点的对象名;

  chearable :表示 是否有删除按钮

  chang-on-select :  选择器中会有一个当选框,是否可以选中当前项!

  @change函数: 选择器中选中值发生改变时,调用的方法!

​​

2. 从后台获取数据,赋值到parentCateList 中! (我这边的params中需要传入type :2; 是因为项目限制只能选择级联选择器中的第前两级! 如果你们的没有限制渲染的条件不传也行) 

3. 最后为 把改变的值赋值给某个对象就可以了(我这边是限制比较多。所以有点乱)

注:如有错误,或者有跟进,请在下面评论一下啊,大家互相学习,如果对你有帮助请点个赞哦! 学习记录中!

  • 3
    点赞
  • 18
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值