1. 首页
  2. 编程语言
  3. Javascript
  4. 解决element-ui的下拉框有值却无法选中的情况

解决element-ui的下拉框有值却无法选中的情况

上传者: 2021-08-29 00:08:40上传 PDF文件 185.80 KB 热度 15次

出现这个问题好像是因为下拉框数据是循环掉别的接口得来的,因为数据层次太多,render函数没有自动更新,需手动强制刷新所以我直接强制刷新了值,而forceUpdate就是重新render。写一个方法,在select的change事件中调用此方法,运用 this.$forceUpdate()强制刷新,页面正常选值。同理,forceUpdate()这个方法也适用一些很深的组件 state 已经改变了的时候,可以在该组件上面调用,解决页面v-for中修改item属性值后页面页面值不改变的问题。前端使用vue,项目中使用的是element ui组件,在使用select下拉框多选时,新增记录时select多选下拉框正常使用,没问题。先放一个select多选下拉框编辑时正确的加载数据的显示效果图:

下载地址
用户评论