Element el-select/el-checkbox获取选中元素

获取Element框架select和checkbox元素被选中的值,通过在元素上加入回调函数的方式实现。

select

元素:

<el-select @change="checked=>changeFun(checked)" v-model="form.itemId" placeholder="请选择">
 <el-option v-for="item in list" :key="item.id" :label="item.name" :value="item.id"></el-option>
</el-select>

JavaScript:

methods: {
  changeFun(id) {}
}

checkbox

元素:

<el-checkbox-group v-model="form.option">
   <el-checkbox
     v-for="item in options"
     :key="item.id"
     :label="item.id"
     :value="item.id"
     @change="checked=>changeFun(checked,item.id)"
   >{{item.name}}</el-checkbox>
</el-checkbox-group>

JavaScript:

methods: {
  changeFun(isChecked, id) {}
}

说明:@change="checked=>changeFun()"即是解决问题的核心所在。