<el-autocomplete v-model="data" placeholder="请输入内容" :fetch-suggestions="querySearch" @select="mySelect"></el-autocomplete>
querySearch(queryString,cb){
cb(this.queryData)
}
queryData:[{
"value":"这是选项一",
"data":"选项一数据"
},{
"value":"这是选项二",
"data":"选项二数据"
}]
说明:
1. fetch-suggestions 是一个返回输入建议的方法属性
如:querySearch(queryString,cb).在该方法中你可以在你的输入建议数据准备好时通过 cb(data) 返回到autocomplete组件中。其中queryString为输入框内的值。
2. queryData数据要包含"value",value为显示在下拉列表中的值,其余值非必需。
3. @select="mySelect" mySelect(item){} 其中item为所选择的项的对象