美文网首页
element ui select 值绑定数组的回显

element ui select 值绑定数组的回显

作者: kalrase | 来源:发表于2019-06-28 16:55 被阅读0次

使用

 <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>




相关文章

网友评论

      本文标题:element ui select 值绑定数组的回显

      本文链接:https://www.haomeiwen.com/subject/uxeecctx.html