vue自定义可输入的选择框组件


vue自定义可输入的选择框组件

props:

属性 说明 类型 默认值
selectDataList 下拉框中的内容 Array 空数组([])
value 输入框中的内容 String 空字符串("")
transfer 是否将下拉框加入到body的直接子节点中,在 Tabs、带有 fixed 的 Table 列内使用时,建议添加此属性,它将不受父级样式影响,从而达到更好的效果 Boolean false
placeholder 输入框中的提示信息 String 请选择

事件 events:

事件名 说明 返回值
inputChange 在输入框中改变值时才会触发,js改变输入框绑定的值不会触发 输入框中当前值
selectChange 选择下拉框内容发生改变时触发 当前选择的值

InputAndSelect.vue 文件





vue