vue3.0 provide, inject 异步,获取不到数据问题
第一次尝试使用Vue3 开发項目 使用provide, inject 实现 父子通信 但是 异步数据在子组件中 inject获取不到:如下图1.父组件使用axios获取数据 通过provide传递数据2.子组件使用inject接收数据3.控制台打印发现 输出undefined测试发现不使用axios获取数据 直接使用provide传递静态数据 子组件inject可以接收到查找解决问题 segmen
·
第一次尝试使用Vue3 开发項目 使用provide, inject 实现 父子通信 但是 异步数据在子组件中 inject获取不到:如下图
1.父组件使用axios获取数据 通过provide传递数据
2.子组件使用inject接收数据
3.控制台打印发现 输出undefined
测试发现不使用axios获取数据 直接使用provide传递静态数据 子组件inject可以接收到
查找解决问题 segmentfault中Ayers用户回答了该问题解决方法:
先provide,再赋值:
setup() {
const list = ref(null);
provide('list', list);
ajax().then(res => {
list.value = res;
});
}
代码修改
控制台打印数据成功获取
更多推荐
已为社区贡献1条内容
所有评论(0)