VUE下拉框option优先展示以及取数据保存

Question

问题遇到的现象和发生背景

option , 展示了label，但取值打印保存时用model只取掉value，想优先取label

用代码块功能插入代码，请勿粘贴截图

两个号

haoma: "",
haoma_1: [
{ text: "111111", value: "101010" },
{ text: "", value: "202020" },
],

运行结果及报错内容

下拉框展示的label，alert打印vm.haoma,显示的是value。

我想要label在下拉框展示，并且可以保存，如果label为空，下拉框展示value，并保存数据

Answer 1

那你 绑定 value的时候 可以 绑定 label + value 拼接 。使用的时候 字符串分割 。 比如 value="item.value +'-'+item.label" ; 类似这种 。然后 获取到model 就用split("-") 然后 [0]、[1]就能获取。

或者 给 select 一个 change事件 。获取到 value 。用 haoma 循环 遍历 找到value的整个项