Javascript 数组能否在元素ui el自动完成回调中传递?

Javascript 数组能否在元素ui el自动完成回调中传递?,javascript,vue.js,vue-component,element-ui,Javascript,Vue.js,Vue Component,Element Ui,我试图用最简单的版本使用el autocomplete标记:回调函数()返回的数组 Vue.component('button-counter'{ 数据:函数(){ 返回{ 选择器:[], 用户:“” } }, 模板:“添加”, 方法:{ addUser(用户){ 此.selectedUsers.push(用户) this.user=“” }, 过滤器用户(用户,cb){ console.log(用户) cb(['qqq','zzz']) //返回此.allusers.filter(x=>51

我试图用最简单的版本使用
el autocomplete
标记:回调函数()返回的
数组

Vue.component('button-counter'{
数据:函数(){
返回{
选择器:[],
用户:“”
}
},
模板:“添加”,
方法:{
addUser(用户){
此.selectedUsers.push(用户)
this.user=“”
},
过滤器用户(用户,cb){
console.log(用户)
cb(['qqq','zzz'])
//返回此.allusers.filter(x=>513; includes(x.f+x.t,用户))
},
handleSelect(){}
},
})
新Vue({
el:“#组件演示”
})
@import url(“//unpkg.com/element-ui@2.4.8/lib/theme chalk/index.css)

需要通过回调传递的是一个
对象
,它必须有一个名为
值的属性
。此属性保存显示为建议的内容

对于上述示例:

filterUsers(user, cb) {
      console.log(user)
      cb([{'value': 'qqq', 'whatever': 'djhjfh'}, {'value': 'zzz', 'whatever': 'uiuiiu'}])
    },

需要通过回调传递的是
对象
,该对象必须具有名为
的属性。此属性保存显示为建议的内容

对于上述示例:

filterUsers(user, cb) {
      console.log(user)
      cb([{'value': 'qqq', 'whatever': 'djhjfh'}, {'value': 'zzz', 'whatever': 'uiuiiu'}])
    },

要使用数组而不是对象,可以在自动完成块中使用插槽

<el-autocomplete ...>
  <template slot-scope="{ item }">
    <div class="item">{{ item }}</div>
  </template>
</el-autocomplete>

{{item}}

要使用数组而不是对象,可以使用自动完成块中的插槽

<el-autocomplete ...>
  <template slot-scope="{ item }">
    <div class="item">{{ item }}</div>
  </template>
</el-autocomplete>

{{item}}

这是一个更好的答案,因为它允许您通过一个无问题的直线平面阵列。这是一个更好的答案,因为它允许您通过一个无问题的直线平面阵列