vue中父组件异步传值，渲染问题

发布时间：2024年01月17日

vue中父组件异步传值，渲染问题

父组件异步传值，子组件渲染不出来。有如下两种解决方法：

1、用v-if解决，当父组件有数据才渲染

<Child v-if="dataList && dataList.length > 0" :data-list="dataList"></Child>

2、在子组件内监听数据，使用deep属性，在handler里面调用组件方法

watch: {
    dataList: {
        handle(val) {
            this.init();
        },
        deep: true,
        immediate: true
    }
}

在这里插入图片描述

参考链接：vue父组件异步数据子组件接收遇到的坑

文章来源:https://blog.csdn.net/qq_41838435/article/details/135655407
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
最新文章