在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/數(shù)據(jù)庫  HTML/ vue項目打開彈窗清空上次已經(jīng)填寫的內(nèi)容?

vue項目打開彈窗清空上次已經(jīng)填寫的內(nèi)容?

項目使用vue+element搭建的,頁面中會有很多需要輸入內(nèi)容的彈出框,如圖:

clipboard.png

比如我輸入到一半把彈窗關閉,再打開的話怎么簡單快速的清空之前填寫的內(nèi)容,難道真的要把每個框的值重置一遍嗎?
類似這種:

this.input1 = ''
this.input2 = ''
this.input3 = ''
this.input4 = ''
this.input5 = ''
this.input6 = ''
this.input7 = ''

感覺應該會有簡單的方法吧。請指教

回答
編輯回答
醉淸風

官方文檔傳送門
使用這個方法需要注意一點的是,你表單的數(shù)據(jù)一定要足夠標準才行,并且你需要清空的數(shù)據(jù),都必須在那個傳入進去的data Objective 里面。

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

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

2018年2月16日 09:08
編輯回答
初心

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

2017年6月18日 20:04
編輯回答
憶當年

仔細看文檔,form表單里面有相關方法

2017年7月28日 01:06
編輯回答
溫衫

你看一下那個彈框是不是在一個form表單里,表單的清空重置方式,你懂的

2017年7月8日 04:24
編輯回答
初心
// 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();
  }
}
2017年5月29日 02:49