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

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中,在方法中使用(操作)子组件获取到的数据 的全部内容, 来源链接: www.h5w3.com/js/377257.html

回到顶部