好久没用Vue了，最近做一个vue项目时发现用el-select时出现一个问题：选中列表中的选项，但输入框不显示已经选中的数据并且下拉框中已选中的数据不是选中状态。
最后排查后原因是因为下拉框的ng-model对应的属性是没有在data里初始化的对象属性，而Vue 是无法监听动态新增的属性的变化的，Vue3好像听说可以了（没有具体测试Vue3）。
两种解决方法:
el-select选框组件中绑定change事件强制刷新changeSelect(){
this.$nextTick(()=>{
this.$forceUpdate()
})
}
change事件中使用$set来对属性赋值changeSelect(val){
this.$set(this.queryParam, this.queryParam.id, val.value)
}
好久没用Vue了，最近做一个vue项目时发现用el-select时出现一个问题：选中列表中的选项，但输入框不显示已...
给form表单里面的 el-select 下拉框设置一个默认值，但是当下拉框重新选择时，页面下拉框的值却不变， 原...
点击下拉框选择,选定后的值不回显(机构选择) 在select上加上唯一性的 value-key="id" ,也不起...
项目中使用element ui 的下拉框，在ios上面，当我去选择下拉框的选项，需要点击两次才能选中。经过在ele...
本文将介绍如何处理下拉框选项和多选操作，首发于微信公众号【软测小生】 从下拉框中选择-->选项 在控制下拉框之前，...
Step1 修改图片环绕方式 首先点击【文件】-【选项】-【高级】-找到【将图片插入/粘贴为】，下拉框选择【四周型...
1.首先用户点击谷歌浏览器右上角的自定义及控制按钮，在下拉框中选择工具选项，然后点击扩展程序来启动Chrome浏览...
1、点击 文件|选项。 2、在选项窗口中选择 加载项。 3、管理选项中选择模块。 4、点击转到按钮。 5、在模板和...
1.安装完成后，右击"我的电脑"，点击"属性"，选择"高级系统设置"； 2.选择"高级"选项卡，点击"环境变量"；...
客服说选择日期后要手动点击 选择时间 的按钮后才能选择时间，觉得步骤繁琐了，因此提出选中日期后自动切换至时间选项面...
本文标题：el-select下拉框选择点击后不选择新选项问题
本文链接：https://www.haomeiwen.com/subject/rbuuldtx.html
网友评论