vue 批量清空文本框

在el-dialog 对话框中经常会输入一些信息，但是在关闭的时候我们需要清空输入的信息，如果不清空下次打开信息会存在

数据结构

  data() {
    return {
      message: "1",
      testDialog:{
         dialogVisible:false,
         input1:"",
         input2:""
      }
    };
  },

第一种方法 ：采用循环方式

    clearVirtualDriveclearInfo(obj) {
      for (let key in obj) {
        if (key != "dialogVisible") {
          obj[key] = "";
        }
      }
    },

第二种方式 ：采用this.$options.data().testDialog 获取 Vue 实例的初始化数据

this.testDialog = this.$options.data().testDialog  // 清空的一种方法
Object.assign(this.testDialog,this.$options.data().testDialog)  清空的另一种方法

 

来源：oschina

链接：https://my.oschina.net/u/2612473/blog/3176133