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" />
posted @ 2020-04-16 17:45  耿鑫  阅读(834)  评论(0编辑  收藏  举报