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}}
这是一个更好的答案,因为它允许您通过一个无问题的直线平面阵列。这是一个更好的答案,因为它允许您通过一个无问题的直线平面阵列