vue項(xiàng)目打開(kāi)彈窗清空上次已經(jīng)填寫(xiě)的內(nèi)容？

官方文檔傳送門(mén)
使用這個(gè)方法需要注意一點(diǎn)的是，你表單的數(shù)據(jù)一定要足夠標(biāo)準(zhǔn)才行，并且你需要清空的數(shù)據(jù)，都必須在那個(gè)傳入進(jìn)去的data Objective 里面。

<el-form :model="data">
    <el-input v-model="aaa"></el-input>
</el-form>

像這樣，只能清空data里面的值，這里綁定的aaa就不能得到清空

一, 重置, 即數(shù)據(jù)初始化處理
二, 重新創(chuàng)建, 即彈窗重新創(chuàng)建

仔細(xì)看文檔，form表單里面有相關(guān)方法

你看一下那個(gè)彈框是不是在一個(gè)form表單里，表單的清空重置方式，你懂的

// http://json2ts.com/
class FormModel {
  public prop1: string = null;
  public prop2: number = 1;
  public prop3: boolean = true;
  public prop4: number[] = [1];
}

<el-form :model="item">
  <el-form-item>
    <el-input v-model="item.prop1"></el-input>
  </el-form-item>
  <el-form-item>
    <el-input v-model.number="item.prop2"></el-input>
  </el-form-item>
  <el-form-item>
    <el-switch v-model="item.prop3"></el-switch>
  </el-form-item>
</el-form>

methods: {
  init() {
    this.item = new FormItem();
  }
}