千里不留行 发布的文章
Element-Ui表单移除校验clearValidate和resetFields
因为我是把添加和修改公用一个弹窗,点击添加弹窗后,如果没移除表单校验的话,再点击修改弹窗时校验就会被记住,所以需要移除校验,但在清空表单校验时会报错误:
因为弹框未显示出来,为获取的元素 如下改动就可以
this.$nextTick(()=>{
this.$refs.addArray.resetFields();
})
再此,我顺便说一下resetFields和clearValidate的区别:
this.$refs.form.resetFields(); //移除表单校验并初始化表单,一般用于添加
this.$refs.form.clearValidate(); //移除表单校验,一般用于修改
input输入框禁止显示浏览器记录
在输入input时会出现显示原来输入的内容的情况,这是由于浏览器将先前的历史进行了记录,在input中进行了历史记录的显示
解决谷歌浏览器中的input背景色默认是黄色
input:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px white inset !important;
}
vue 监控元素滚动条位置
vue 获取元素和jQuery不一样,当然也也可以用原生javascript获取dom 元素
通过 ref 获取到元素