vue element Ui 级联选择器绑定数据

vue element Ui 级联选择器Props的用法是这样的原来用法看到官方说是用Props绑定数据，也没给示例，几经尝试原来可以这样在props中绑定参数elementui 现在的用法:props="{ expandTrigger: 'hover',value:'cat_id',label:'cat_name',children:'children' }"...

vue学习

9061人浏览 · 2020-04-09 22:17:54

vue学习 · 2020-04-09 22:17:54 发布

vue element Ui 级联选择器Props的用法是这样的

原来用法一个一个的写

看到官方说是用Props绑定数据，也没给示例，几经尝试原来可以这样

在props中绑定参数 elementui 现在的用法

都写在一个里面就可以了：props="{参数,参数 }" 逗号隔开就可以了

:props="{ expandTrigger: 'hover',value:'cat_id',label:'cat_name',children:'children' }"

<span class="demonstration">选择商品分类：</span>
<el-cascader v-model="value" :options="options" :props="{ expandTrigger: 'hover',value:'cat_id',label:'cat_name',children:'children' }" @change="handleChange"></el-cascader>

原来是这么绑定的啊。。。。。

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^