v-model el-select 如何同时获取多个数据?

在弄清楚如何获取多个数据之前 要先弄明白这个:在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
}

你可能感兴趣的:(v-model el-select 如何同时获取多个数据?)