您现在的位置是：网站首页> 编程资料编程资料

vue中的select绑定多个值_vue.js_

2023-05-24 404人已围观

简介 vue中的select绑定多个值_vue.js_

vue select绑定多个值

不再通过v-model和value进行绑定

而是通过绑定索引值Index

然后通过定义@input=change方法，通过索引值获取并更新想要绑定的多个值

     
change(index) {       this.basic_info.categoryCode = this.categoryList[index].categoryCode       this.default_return_value = this.categoryList[index].defaultReturnValue },

vue el-select 绑定id值

在实际需求中，el-select的数组选项有多个，展示给用户选择的是每个选项的文本，但是传给后台的数据需要文本对应的id

比如选项数组是：applyTypeList:[{id:1,label:‘甜品’},{id:2,label:‘烧烤’}]

下拉框可选的是甜品和烧烤，但是我们需要记录的不是甜品和烧烤，而是他们对应的id的值，此时就需要绑定id值。

HTML

    

绑定后，applyType会根据用户的选择而变化成不同的id值。

以上为个人经验，希望能给大家一个参考，也希望大家多多支持。 

您可能感兴趣的文章:

上一篇：vue框架通用化解决个性化文字换行问题实例详解_JavaScript_

下一篇：vue的el-select绑定的值无法选中el-option问题及解决_vue.js_

相关内容

点击排行

本栏推荐

猜你喜欢

-六神源码网