vue iview实现Select远程搜索为选择匹配值失去焦点不清空输入值（项目记录）

刚开始的思路是使用v-model进行双向数据绑定，结果发现这样做之后无法删除输入值。。详细查看了iview api后看到了allow-create属性，输入的时候创建新匹配项再用css将之隐藏，理论上就可以了吧。以下就是实践代码，幸运的是可以满足需求css部门：...

万古长空如长夜

2846人浏览 · 2020-07-28 13:38:47

万古长空如长夜 · 2020-07-28 13:38:47 发布

刚开始的思路是使用v-model进行双向数据绑定，结果发现这样做之后无法删除输入值。。

详细查看了iview api后看到了allow-create属性，输入的时候创建新匹配项再用css将之隐藏，理论上就可以了吧。

以下就是实践代码，幸运的是可以满足需求

css部门：

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^