第一个问题: 远程查询时需要触发空格键才可以获取到下拉选的数据
以溧阳立讯前端项目为例---界面路径如下:
- src/views/technology/technologyharnessbasicautomata.vue
- src/const/technology/technologyharnessbasicautomata.js
解决方案如下:
方案一: 此bug是Avue底层的问题,等Avue升级为最新版本2.8.15即可;但是升级版本可能会存在其他未知bug
方案二: 紧急解决方案----在每一个涉及到远程查询的地方添加如下代码(加入绿色框里的代码),如图所示
- 注: 如果项目开发周期较短建议选择第二种方案; 反之,开发人员等升级版本后即可自动解决此bug
第二个问题: 涉及到带远程查询的下拉选,默认会显示前10条,但我们手动输入需要选择十条以外的数据,此时会出现如下问题: 编辑表单时,手动输入的数据回显的是id
以溧阳立讯前端项目为例---界面路径如下:
解决方案分为如下四步:
第一步: 在界面中先绑定一个弹窗打开前的回调事件,如下图所示
第二步: 下拉选是根据id去查的,具体代码如下,重点看粉色框部分代码
第三步: 后台接口返回的中文字段,代码写法如下
第四步: 弹窗打开前回调事件方法,代码如下
最后我们自己测试一下,上述bug均已解决!!!