关于Vue中，在方法中使用(操作)子组件获取到的数据

  • Z时代
  • 2024-01-10
  • 分类：综合

vue

已知，子组件通过props获取父组件传过来的数据，而这个数据是无法在created、mounted生命周期中使用的，只能在beforeUpdated或者updated获取到；

但是如果我们要使用这个数据再获取其他数据并渲染到页面，我们就不能在beforeUpdated或者updated操作，自相矛盾。

这就可以用到Vue的watch方法，先监听子组件获取到的数据，当数据有变化后（也就是数据获取到后），再调用相应的方法。

如下，子组件获取到数据detail，然后要在getTicket方法中使用这个数据，就要在watch中先监听detail的变化，当detail有数据后，再调用getTicket方法，在方法中对数据进行使用

props: {
    detail: ''
  },
  methods: {
    async getTicket () {
      console(this.detail)
    }
  },
  watch: {
    detail () {
      this.getTicket()
    }
  }

以上是 关于Vue中，在方法中使用(操作)子组件获取到的数据 的全部内容， 来源链接： utcz.com/z/377257.html

回到顶部