大佬教程收集整理的这篇文章主要介绍了从父组件向子组件传递数据时,有没有办法检查 props 的状态,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我被一个问题困扰了很久。现在我正在使用 Vue.Js 开发一个 web 项目。我想要做的是将数据从父组件传递给子组件。但是,由于异步数据传输机制,子组件的主程序只有在收到 props 数据后才会运行。所以我想知道这些是不是有一些方法可以检查子组件中props数据的状态。因此,我可以确保在数据传递后继续执行后续任务。
例如,一个可行的解决方案是 axios.requset({..}).then(res => {..})
。
您可以在子组件中使用观察者。考虑以下父组件:
Vue.component('parent-comp',{
props: ['myProp'],template: `
<div>
<child-comp my-prop={someAsyncProp} />
</div>
`,data() {
return {
// Declare async value
someAsyncProp: null
};
},mounted() {
// Some async computation
axios
.requset({ url: '/get-data' })
.then(res => {
// Set value asynchronously
this.someAsyncProp = res;
});
}
});
您的子组件将使用观察者检查数据是否可用:
Vue.component('child-comp',template: '<div></div>',watch: {
// Watch the property myProp
myProp(newValue,oldValue) {
if (newValue !== null) {
// Do something with the props that are set asynchronously by parent
}
}
}
})
以上是大佬教程为你收集整理的从父组件向子组件传递数据时,有没有办法检查 props 的状态全部内容,希望文章能够帮你解决从父组件向子组件传递数据时,有没有办法检查 props 的状态所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。