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

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

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

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

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

   props加上emitPath: false就好了

现在：

 

 html代码：

        <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代码：

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