下拉框-模糊查询

121 阅读1分钟
1.创建一个 el-select
<el-select v-model="formData.username" filterable remote style="width: 140px;" clearable placeholder="请输入用户名" :remote-method="getUserList">
          <el-option
            v-for="item in options"
            :key="item.datatime"
            :label="item.username"
            :value="item.username"
          />
        </el-select>
        
2.在methods定义参数        
	methods:{
   //定义参数
     getUserList(user) {
      const params = {
        username: user
      },
     2.1 点击查询 传参
        this.addclickShowAdd(params, (data) => {
        this.options = data.list || []
        const newArr = []
        const obj = {}
        // 搜索去重
        for (var i = 0; i < this.options.length; i++) {
          // 如果没有就加
          if (!obj[this.options[i].username]) {
            newArr.push(this.options[i])
            // 有就不加
            obj[this.options[i].username] = true
          }
        }
        this.options = newArr
      })
}