element select下拉框编辑时回显已经删除的数据操作代码
更新时间:2024年05月17日 10:00:05 作者:肖老师xy
今天做项目遇到一个棘手的问题,关于element select下拉框编辑时回显问题,下面小编通过实例代码介绍element select下拉框编辑时回显已经删除的数据,感兴趣的朋友跟随小编一起看看吧
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回显已经删除的数据内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!
相关文章
JavaScript中require和import有何区别详解
在真实工作中,估计import和require大家经常见到,如果做前端业务代码,那么import更是随处可见了,这篇文章主要介绍了JavaScript中require和import有何区别的相关资料,需要的朋友可以参考下2025-08-08
微信小程序实现动态改变view标签宽度和高度的方法【附demo源码下载】
这篇文章主要介绍了微信小程序实现动态改变view标签宽度和高度的方法,涉及微信小程序事件响应及使用setData针对data数据动态操作相关实现技巧,需要的朋友可以参考下2017-12-12
JS获取CSS样式(style/getComputedStyle/currentStyle)
这篇文章主要为大家介绍了JS获取CSS样式的方法,介绍了CSS样式的三种分类情况,对获取样式做一个简单的封装,感兴趣的小伙伴们可以参考一下2016-01-01


最新评论