您现在的位置是：网站首页> 编程资料编程资料

关于element ui中el-cascader的使用方式_vue.js_

2023-05-24 351人已围观

简介关于element ui中el-cascader的使用方式_vue.js_

要想实现进入页面直接选中选择器中的选项

那v-model绑定的值必须是数组形式的！！（element ui官方文档中没提到这一点好像，我也是试了很多次才发现的）

下面展示一些内联代码片。

el-cascader的通过改变值时，获取当前选中数据

根据接口返回数据，灵活定义key名

// template中的应用 options为数据 // 1.props="optionProps"：props是框架属性，optionProps为自定义data中的key //2. ref="cascaderAddr" 自定义 用来 @change事件取值用

//定义符合自己数据的key值

以上为个人经验，希望能给大家一个参考，也希望大家多多支持。

您可能感兴趣的文章:

上一篇：vue解析指令compile源码层面使用解析_vue.js_