【vue】element ui select选择一个选项传两个值
一般 el-select通过v-model同步传值(一般是传id)有时需要选择后同时保存id和name这时可以通过**@change**方法来实现,代码如下:<el-selectv-model="id"placeholder="请选择所属分类"class="form-input"@change="handleDirChange($event)"><el-option:label=
·
一般 el-select通过v-model同步传值(一般是传id)
有时需要选择后同时保存id和name
这时可以通过**@change**方法来实现,代码如下:
<el-select
v-model="id"
placeholder="请选择所属分类"
class="form-input"
@change="handleDirChange($event)"
>
<el-option
:label="item.dirName"
:value="item.id"
v-for="(item, index) in directoryList"
:key="index"
></el-option>
</el-select>
$event 的值是 v-model对应的字段id
//通过id找到数组中对应的项,然后取出需要的值
handleDirChange(id) {
let dir = this.directoryList.find((item) => item.id === id);
this.dirName = dir.dirName;
},
重点在于el-select中的@change
更多推荐
已为社区贡献10条内容
所有评论(0)