AutoComplete 自动生成

规则

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

参考:Element_AutoComplete (opens new window)

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

on 事件

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