el-select远程搜索:remote-method遇到的坑

  • 在使用远程搜索的时候 就是每次发请求获取数据然后选择 会出现选择后总是会出现选择紊乱的情况
  • 在使用debugger后排查了很久 发现每次选择内容后 都会触发:remote-method这个事件 也就是继续会发请求 然后获取到新的数据重新赋值下拉框 这样的话我上面刚刚选择的内容就被改变了
  • 然后又回去看文档 发现如果options是遍历出来的 就要加一个key值 文档上写的是item.value作为key值
  • 然后我返回去看数据的value 发现有一些数据的value值是一样的 这样就不能保证key值得唯一性了
  • 然后我绑定了数据的id 就可以了 在这里插入图片描述

你可能感兴趣的:(vue,elementui)