微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

ElementUI 之 Cascader 级联选择器指定 value label

 

  ElementUI 的 Cascader 级联选择器个人觉得很好用,但是对 :options="options" 里的数据格式是有特定要求的:input 框显示的值是 options 里的 label 值。如果 options 的键值对不是 value label ,就需要 props 来配置。

 

如何配置 value label?

<el-cascader
    v-model="professions"
    :options="professionsData"
     placeholder="请选择"
     :props="{ value: 'id', label: 'name'}"
    @change="changeProfession">
</el-cascader>

 

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐