* 要求接口支持和el-select开启搜索(filterable,并重置自定义搜索方法(:filter-method="()=>{}")) */Vue.directive('loadMore',{bind(el,binding){// 如果有method由调用方实现,没有则在这里实现加载和远程搜索的功能if(binding.modifiers.method){// 节流lettimer// 滚动监听el.querySelector('.el-select-...
},methods: {// 远程搜索方法,数据太多,不能直接渲染remoteMethod(query) {if(query !=='') {this.relationList= []this.loading=true// 这个方法可以做下节流处理,不需要一输入就发起请求,这里偷懒没有写getDiagnoseInfo({diagnoseName: query }).then(res=>{this.loading=falsethis.relationList= res.filt...
watch: {'form.test': { deep:true, handler (newVal, oldVal) {//为了不请求多次接口可以加上函数节流,具体方法可以查看点击查看第四点this.inputCustName() } } }, mounted () {this.inputCustName() }, methods: { remoteCustName (test) {//实时改变v-model值,才会触发watch监听this.form.test =...
</el-select> 2、<script> export default { data () { return { form: { test: ''},loading: false } },watch: { 'form.test': { deep: true,handler (newVal, oldVal) { // 为了不请求多次接⼝可以加上函数节流，具体⽅法可以查看 this.inputCustName()} } },mounted () { this.input...