Vue elementUI-select多选下拉框数据回显成功后，点击下拉选项或删除回显数据无反应...

在点击的过程中监听了的绑定值的变化,也改变了,但是下拉框是没有反应的

感觉自己设定的值和element ui触发的绑定值有点不一样

在添加的框中选中的值返回的不单单是一个数组还有些其他值,但是自己回显的数据只是一个普通值

解决办法:

方法一 vm.$set

当视图自动更新失败时，vue提供了set方法vm.$set(target,propertyName/index,value)，用此方法更新视图达到操作同步的效果

vm.$set(target,propertyName/index,value)

在添加数据的最后一行加上

this.$set(this.form, 'values', arr)

方法二 vm.$forceUpdate()

vm.$forceUpdate()：迫使 Vue 实例重新渲染。注意它仅仅影响实例本身和插入插槽内容的子组件，而不是所有子组件。

在select 元素上绑定change方法

方法中写上

refreshCheck(){this.$forceUpdate();},

两种方法均可

参考链接:https://blog.csdn.net/zhuzicc/article/details/108242963

.jztagtree{max-height:85vh;right:0px}.jzDown{top:10vh}.jztagtree li a{background-color:#b2c4d1}.jztagtree li a:before{border-right:10px solid #b2c4d1}.jztagtree li a:hover{background:#0045a6}.jztagtree li a:hover::before{border-right:10px solid #0045a6}

Vue elementUI-select多选下拉框数据回显成功后，点击下拉选项或删除回显数据无反应...相关推荐

vue element-ui select 多选验证不通过问题处理
问题描述在使用element form表单提交时,会涉及到下拉框el-select的使用,根据具体需求可设置为单选或者多选,默认为单选.当需求变更时,需要从单选改成多选,只需在el-select 标 ...
php可输入的下拉框,jQuery实现可输入搜索文字的下拉框实例代码
利用jQuery实现可输入搜索文字的下拉框先看效果功能:点击下拉框输入框时,自动显示下面的下拉列表,而且是根据输入框中输入的搜索添加,自动在后台查找,然后传到前台,展现页面. 用的的js: var ...
搜索引擎下拉食云速捷详细_下拉框优化才云速捷一流！下拉框优化虑云速捷豪杰...
现在不管做什么,都是需要流量,有了流量才能把自己手上的生意做好.不管是实体店微商,电商,还是互联网创业者,如果你拥有了流量,那么不管你选择去做什么产品,你都会一步到位,一飞冲天,实现自己的梦想.但是现 ...
搜索引擎下拉食云速捷详细_下拉框搜索四云速捷超稳,下拉框搜索康云速捷优选...
百度下拉框是什么呢,相信大家都很熟悉.百度作为国内领头老大搜索引擎,拥有十几亿的用户量,在流量方面可谓是资源充足. 那么搜索非常有效获取流量的方法老大是通过百度的下拉框筛选相关关键词,当大家输入一个 ...
vue elementUI select下拉框设置默认值
关于element select框默认值赋值不成功问题,注意两点: v-model里面的数据和遍历出来value值数据类型不一样.!!!! (例:item.provinces类型是number,pro ...
vue下拉框值改变事件_vue和element ui 下拉框select的change事件
1 在线编辑测试工具编辑好代码后点击 run 即可 2 vue原生写法 2.1 html部分新增空 {{ drug.name }} 刪除尚未新增任何資料總金額:{{ totalMoney } ...
下拉框触发单击事件_谈谈如何给下拉框option添加点击事件？
我们在用到下拉列表框select时,需要对选中的选项触发事件,其实本身没有触发事件方法,我们只有在select里的onchange方法里触发. 想添加一个option的触发事件,在option中添加o ...
二级联动（两个下拉框的二级联动，和单选按钮与下拉框的二级联动）
1,两个下拉框的二级联动代码: <!DOCTYPE html><html lang="en"><head><meta charset=& ...
html vbs 输入框,HTML_vbs实现的下拉框对应键入值，vbs实现的下拉框对应键入值 - phpStudy...
vbs实现的下拉框对应键入值 vbs实现的下拉框对应键入值选择自 gu1dai 的 Blog 关键字 vbs实现的下拉框对应键入值 select center body{text-align:lef ...

Vue elementUI-select多选下拉框数据回显成功后，点击下拉选项或删除回显数据无反应...

Vue elementUI-select多选下拉框数据回显成功后，点击下拉选项或删除回显数据无反应...相关推荐

最新文章

热门文章