el-select选择器 change事件中传递自定义参数

6,847 阅读1分钟

前言

本篇文章基于 vue、element-ui

el-select选择器中的change事件中回调是选中的值

<el-select @change="changeVal" > 选择器 </el-option>
changeVal(value){
}

实现

而实际项目中很多时候需要在循环中传递自定义参数,以此改变同一循环中的当前数据的状态

        <div v-for="item in dataList">
           <el-select v-model="lockStatus"
              @change="((value)=>{selectLock(value, item)})">
                <el-option label="不需要解锁" value="1" />
                <el-option label="按日解锁" value="2" />
                <el-option label="立即解锁" value="3" />
           </el-select>
       </div>

methods

    selectLock(val, item) {
       console.log(item);
    },