我要评论element select下拉框编辑时回显已经删除的数据，具体代码如下所示：
<el-form-item label="是否激活" prop="activationid">
<el-select
v-model="formparams.activationid"
style="width: 140px"
clearable
placeholder="请选择"
>
<el-option
v-for="item in activationlist"
:key="item.id"
:label="item.name"
:value="item.id"
/>
<el-option
v-if="!activationlist.some(list=> list.id === formparams.activationid)&&formparams.activationid!==''"
:label="formparams.activationname"
:value="formparams.activationid"
/>
</el-select>
</el-form-item>
export default {
data () {
return {
formparams:{
//回显被删除的id
activationid:1,
//回显被删除的name
activationname: '已激活'
},
activationlist: [
//此处注释掉，假设第一条数据被删除
//{id: 1, name: '已激活'},
{id: 0, name: '未激活'}
]
}
}
}
到此这篇关于element select下拉框编辑时回显已经删除的数据的文章就介绍到这了,更多相关element select回显已经删除的数据内容请搜索代码网以前的文章或继续浏览下面的相关文章希望大家以后多多支持代码网！
发表评论