前端问题解决

页面刷新后，数据在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(); // 重置表单字段
    },