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