electron-vue 踩坑记（1）elementUI input 框输入不了

richful_world

3056人浏览 · 2020-04-24 11:16:37

richful_world · 2020-04-24 11:16:37 发布

electron-vue 踩坑记（1）elementUI input 框输入不了

在这里插入图片描述
input 自动获取焦点但是无法输入内容，起初怀疑是层级不对，是否上层有遮挡，排查css后发现，猜想也只是猜想，并不是样式导致的，下面是修改方法记录一下：

// step1: 绑定输入事件
@input="updte($event)"

在这里插入图片描述

// step2: 强制更新状态
update(e) {
    this.$forceUpdate(e); 
},

解决了（排查一下有没有双向绑定数据的更新逻辑错误，也可能导致此问题）

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}$/, //不连续的两位字母// /^