页面刷新后,数据在created中清空,页面依然显示清空前的值
使用setTimeout
: 有时浏览器的自动填充会比Vue组件的初始化更快,导致之前的值重新显示。你可以使用 setTimeout 来在一小段时间后再次设置 text 为 ‘’,以确保浏览器的自动填充不会覆盖它。
<script>
export default {
data() {
return {
text: ''
};
},
created() {
setTimeout(() => {
this.text = '';
}, 0); // 在下一个事件循环中执行
}
};
</script>
前端校验绑定到按钮上
<script>
export default {
methods:{
ok(){
this.$refs.form.validate().then=>{
this.update()
}
}
}
</script>
表单内容清空后,自动触发校验,解决方法
cancelForm(formName) {
this.resetForm(formName);
this.dialogVisible = false; // 关闭对话框
},
resetForm(formName) {
this.$refs[formName].resetFields(); // 重置表单字段
},