vue 重置组件的值

Posted 2021-03-22 xiaoxueer

vue组件开发过程中,我们会遇到改变组件的值之后又想对组件进行初始化,这个时候一个个去重置传入的值效率太低.尤其当重置表单的值的时候,非常头疼.可以使用vue中:key属性

例如 

组件上设置key属性

  <component :key="id"></component>

需要初始化的时候只需重置key的值

export default {
    data () {
      return {
        id:+new Date(),
      }
    },
    components: {
      component
    },
    methods: {
      reset() {
        this.id = +new Date()
      }
    }

  }