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;//现在
    }
},

  

posted on   andydaopeng  阅读(19)  评论(0编辑  收藏  举报

相关博文:
阅读排行:
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 记一次.NET内存居高不下排查解决与启示
· DeepSeek 开源周回顾「GitHub 热点速览」
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了

导航

< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5
点击右上角即可分享
微信分享提示