VUE + Element UI (级联选择器 Cascader , 树形选择器 tree)


级联选择器

<el-cascader
    v-model="data"   // 用来显示数据
    :options="options"  // options 里面的数据 就是级联选择器里面的内容
    placeholder="请选择"
    :props="customProps"  // element UI 默认input 框显示的值是 options 里的 label 值。如果 options 的键值对不是 value label ,就需要 props 来配置。
    @change="handleNodeClick"
    ref="myCascader">
    </el-cascader>

因为后台返回的数据不是label,和 value关键字 重新设置显示默认框对应的值:

customProps:{
          label:'typeName',
          children:'child',
          value : 'id'
        }

v-model = "data" 

data 是个数组

 树形选择器有一个同样的问题,就是默认是label 字段显示,如果后台返的不是label字段,同样要设置props

https://blog.csdn.net/woshidamimi0/article/details/96592937


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM