AutoComplete 自动生成

Maker

maker.auto('自动完成', 'auto', 'xaboy').props({
	fetchSuggestions: function (queryString, cb) {
		cb([
			{value: queryString}, {value: queryString + queryString}
		]);
	}
}).emitPrefix('xaboy').emit(['change'])

JSON

{
    type: "autoComplete",
    title: "自动完成",
    field: "auto",
    value: "xaboy",
    props: {
    	"fetchSuggestions": function (queryString, cb) {
			cb([
				{value: queryString}, {value: queryString + queryString}
			]);
		}
	}
}

参考:Element_AutoComplete

value :String

props

参数 说明 类型 可选值 默认值
placeholder 输入框占位文本 string
disabled 禁用 boolean false
valueKey 输入建议对象中用于显示的键名 string value
debounce 获取输入建议的去抖延时 number 300
placement 菜单弹出位置 string top / top-start / top-end / bottom / bottom-start / bottom-end bottom-start
fetchSuggestions 返回输入建议的方法,仅当你的输入建议数据 resolve 时,通过调用 callback(data:[]) 来返回它 Function(queryString, callback)
popperClass Autocomplete 下拉列表的类名 string
triggerOnFocus 是否在输入框 focus 时显示建议列表 boolean true
name 原生属性 string
selectWhenUnmatched 在输入没有任何匹配建议的情况下,按下回车是否触发 select事件 boolean false
label 输入框关联的label文字 string
prefixIcon 输入框头部图标 string
suffixIcon 输入框尾部图标 string
hideLoading 是否隐藏远程加载时的加载图标 boolean false
popperAppendToBody 是否将下拉列表插入至 body 元素。在下拉列表的定位出现问题时,可将该属性设置为 false boolean - true

events

事件名称 说明 回调参数
select 点击选中建议项时触发 选中建议项