vue中組件強制重新渲染


data() {
    return {
      form: {
         省市: {
          省編碼: '',
          省名稱: '省',
          市編碼: '',
          市名稱: '市'
        },
        收款銀行: '',
        銀行賬號: '',
        收款人姓名: ''
      },
      reFresh: true
    }
  },
watch: {
    'form.省市'() {
      console.log(1)
       this.reFresh = false
       this.$nextTick(() => {
        this.reFresh = true
      })
    }
  },
methods: {
    onOpen() {
       this.form.省市 = {      // 重新換一個對象
        省編碼: '',
        省名稱: '省',
        市編碼: '',
        市名稱: '市'
      }
    }
}
<choose-address  v-if="reFresh" ref="省市" v-model="form.省市" level="市" style="width: 150px" />


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM