在弄清楚如何获取多个数据之前 要先弄明白这个:在select
里面有个@change
事件 此事件传参是value值
另外 要弄清楚 @change
事件不是放在options里面 而是select里面
OK 进入正题:
单个传值直接用v-model即可 另外好像有个不用@change
事件也可以传两个参数 那个我还没有细研究 欢迎大家跟帖贴上
在这里我统一用的@change方法传递的value来传值:
首先@change = functionName
放在select中 定义方法
然后再select里面的option
v-for ="item in list"
:key = "item.id"
:label="item.name" // 用来保证正常显示我们想要显示的内容
:value="{ id: item.id, name:item.name, text1:item.text}" // 核心问题 这样可以在value里面传值
下面我们定义方法:
functionName (value){
//将value结构赋值
const { id,name,text1} = value;
this.obj.name = name;
this.obj.id =id ;
this.obj.text = text1
}