vue开发(四)element的select下拉框设定初值后,不能重新选择的问题
element
A Vue.js 2.0 UI Toolkit for Web
项目地址:https://gitcode.com/gh_mirrors/eleme/element
免费下载资源
·
问题描述:
用的element的select可多选的下拉选框,在回显后有初始值的情况下,不能修改,也不能再选择
如图,明明点击了一般内勤主管,但没有任何反应
<el-select v-model="editContent.position" multiple placeholder="请选择">
<el-option
v-for="item in positionOptions"
:key="item.code"
:label="item.codeName"
:value="item.code">
</el-option>
</el-select>
element
A Vue.js 2.0 UI Toolkit for Web
项目地址:https://gitcode.com/gh_mirrors/eleme/element
editContent.position赋值格式为数组格式,赋值可以显示,说明赋值格式无误
经过各种尝试,发现,可能是因为下拉框的state层次太深,数据更改没有触发render,所以用$forceUpdate()强制更新视图:
<el-select v-model="editContent.position"
multiple
placeholder="请选择"
@change="$forceUpdate()">
<el-option
v-for="item in positionOptions"
:key="item.code"
:label="item.codeName"
:value="item.code">
</el-option>
</el-select>
GitHub 加速计划 / eleme / element
10
1
下载
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:5 个月前 )
c345bb45
9 个月前
a07f3a59
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update table.md
* Update transition.md
* Update popover.md 9 个月前
更多推荐
已为社区贡献2条内容
相关推荐
查看更多
element
10
A Vue.js 2.0 UI Toolkit for Web
element
0
element
0
A Vue.js 2.0 UI Toolkit for Web
热门开源项目
活动日历
查看更多
直播时间 2024-04-29 19:51:14
GitTalk | 使用面向业务的狮偶编程语言提升开发效率
直播时间 2024-04-26 19:50:36
GitTalk | DevUI Suits 场景解决方案
直播时间 2024-04-19 19:52:10
GitTalk | DevUI Admin 前端项目构建
直播时间 2024-04-12 19:19:21
GitTalk | AutoCoder实现下一代编程辅助应用
所有评论(0)