element-ui 解决 el-select 设置初始默认值后切换选项无效问题
element
A Vue.js 2.0 UI Toolkit for Web
项目地址:https://gitcode.com/gh_mirrors/eleme/element
免费下载资源
·
如何解决 el-select 设置默认值后无法切换选项
在今天做项目的时候突然遇到一个问题,我给form表单里面的 el-select下拉框设置一个默认值,但是当下拉框重新选择时,页面下拉框的值却不变, 如图所示:
原因: select 已经绑定了值,重新选择的时候,render函数没有自动更新,数据刷新了但是视图没有刷新(value 改变了,但是label值没变)
解决方法
使用this.$forceUpdate() 重新 render
<template>
<el-select
clearable
size="mini"
style="width: 100%"
v-model="editForm.isopen"
filterable
placeholder="请选择是否公开"
@change="handleIsopenSelect"
>
<el-option label="公开" :value="0"> </el-option>
<el-option label="不公开" :value="1"> </el-option>
</el-select>
</template>
<script>
methods:{
handleIsopenSelect() {
this.$forceUpdate()
},
}
</script>
GitHub 加速计划 / eleme / element
54.06 K
14.63 K
下载
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:1 个月前 )
c345bb45
5 个月前
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 5 个月前
更多推荐
已为社区贡献3条内容
所有评论(0)