测试开发【提测平台】分享13-远程搜索和路由$route使用实现新建提测需求

本篇继续提测平台开发，按惯例先给出学习的思维导图，以便快速了解学习知识和平台功能实现的重点。

基本知识点学习

远程搜索

显示的数据通过输入关键词，从服务器搜索并返回，一般主要用于数据很多服务全部获取显示的，常用selected组件中，比如一个增改操作要指定一个公司的联系人场景，在element-vue 选择组件中主要是通过 :remote-method 调一个方法来实现的，而这个方式实现就是一个接口请求，即输入关键立马请求接口，接口根据关键字返回数据回填，说白了就是多次请求。

 

在Element Input组件中也有这个能力，是使用 :fetch-suggestions 场景是用于输入信息给填写建议。这个远程搜索功能在很多可组件上自己利用判断绑定的值的改变，调方法做相应的操作，这块具体可以参考后边功能开发例子。

vue中$router路由

在之前的页面功能如添加/修改的实现上都是通过抽屉或者弹对话框实现的，其实有些场景涉及到需要一个新的页面来实现，那么这个就要用到this.$router.push()来实现，基本一些使用方法如下： 

1.  跳转页面对象 参数传的是菜单路由的定义的页面名称，比如我想点击某个按钮跳转到提测系统的app管理页面，在按钮出发点事件方法中使用

this.$router('apps')
// 或
this.$router({name: 'apps'}