宝藏属性:
activated:可以解决在输入框输入了内容后,点击clear删除,不再聚焦触发下拉框的问题
suggestions :可以主动触发fetch-suggestions绑定的cb回调函数,直接给下拉框内容赋值
如果不用activated属性,就会导致输入内容后点击clear删除,下拉框无法出现的问题
给<el-autocomplete ... ref='autocomplete ' @clear="clear"...>加入ref='autocomplete'
clear(d){ this.$nextTick(() => { this.$refs.autocomplete.focus(); this.$refs.autocomplete.activated = true;//这句话是重点 }); },
直接使用suggestions属性给下拉框赋值
clear(d){ this.$nextTick(() => { this.$refs.autocomplete.focus(); this.$refs.autocomplete.activated = true;//这句话是重点 //直接给下拉框内容赋值 this.$refs.autocomplete.suggestions = [ { value: '特斯拉(上海)有限公司', lxr: '马斯克', gsdz: '中国(上海)自由贸易试验区临港新片区江山路5000号', dh: '020-XXXXXXXX', }, { value: '特斯拉(上海)有限公司', lxr: '马斯克', gsdz: '中国(上海)自由贸易试验区临港新片区江山路5000号', dh: '020-XXXXXXXX', } ]; }); },