Element UI 相关问题及使用技巧总结

1、Elementui组件 el-cascader单选框需要单击两次才能选中?  参考

感觉这个与组件的v-model绑定的参数值有关
如下，如果参数如b参数放在对象中则会有问题，像a一样定义，不要放在对象中
例如，v-model绑定值a就解决了

?

1 2 3 4 5

data(){    return{       a: null,       obj: {b:null}    }

　　上面的解决方案一有一点缺点，就是变量变成全局的了，解决方案二如：

   props加上emitPath: false就好了

现在：

 

 html代码：

?

1 2 3 4 5 6 7 8 9 10 11

<el-form-item label="类目">     <el-cascader             expand-trigger="hover"             v-model="basicForm.c_id"             :options="categorys"             :props="{ checkStrictly: true,  label: 'label', value: 'value', emitPath: false  }"             clearable             :show-all-levels="false"             @change="handleChange">     </el-cascader> </el-form-item>

　　vue2代码：

?

1 2 3 4 5 6

handleChange(val) {     if (typeof val != 'undefined') {        // this.basicForm.c_id = val[val.length-1];//以前的         this.basicForm.c_id = val;//现在     } },