element ui select 值绑定数组的回显

2019-06-28  本文已影响0人  kalrase

使用

 <el-select v-model="result[index]" placeholder="请选择" @change='al' value-key='name'>

value-key='name' 指定回显值与选项值之间的匹配 默认是value 字段。

[如何在element-UI 组件的change事件中传递自定义参数] 引用自:(https://www.cnblogs.com/mmzuo-798/p/10438071.html)

@change="changeStatus(val, index)"
<div v-for="(item,index) in itemList">
              <el-select v-model="item.value" @change="changeStatus(val, index)">
                <el-option v-for="op in options" :key="op.key" :label="op.label"
                           :value="op.label"></el-option>
              </el-select>
            </div>
这样再封装一层就可以了:

@change="((val)=>{changeStatus(val, index)})"

<div v-for="(item,index) in itemList">
              <el-select v-model="item.value" @change="((val)=>{changeStatus(val, index)})">
                <el-option v-for="op in options" :key="op.key" :label="op.label"
                           :value="op.label"></el-option>
              </el-select>
            </div>




上一篇 下一篇

猜你喜欢

热点阅读