天天看點

vue清空子元件資料或強制重新整理子元件

需求:每次點開子頁面的時候,裡面的表單内容都為空

this.$refs[‘form’].resetFields()

1、可以通過ref把表單資料綁定上

vue清空子元件資料或強制重新整理子元件

在data中定義form寫入對應key和value(每個input輸入的值)

vue清空子元件資料或強制重新整理子元件
  • 在點選按鈕打開子元件的時候是觸發這個語句,這樣每次打開表單資料都是空的,
  • 當然如果想表單輸入一半關掉但不希望表單内容清空就不能用上面那句話的寫法了,隻需要在表單送出成功之後寫入這句話就好了

2、可以給定一個v-if 通過其特性來強制重新整理頁面

vue清空子元件資料或強制重新整理子元件

這個是引入的子元件和寫在同一個檔案裡的差不多,在父元素上寫v-if 在data中寫入showCard=false,這樣在點選展開子元件按鈕的方法裡隻需要寫入this.$nextTick(() => (this.showSetUp = true)) 即可,每次打開頁面都會強制重新整理

vue