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

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父组件异步数据子组件接收遇到的坑

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-01-19 02:56:01       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-01-19 02:56:01       100 阅读
  3. 在Django里面运行非项目文件

    2024-01-19 02:56:01       82 阅读
  4. Python语言-面向对象

    2024-01-19 02:56:01       91 阅读

热门阅读

  1. 2401vim,vim实现任务列表

    2024-01-19 02:56:01       58 阅读
  2. VSCode Live Server插件 找不到Chorme解决方法

    2024-01-19 02:56:01       60 阅读
  3. linux 设备驱动之tty 线路设置

    2024-01-19 02:56:01       45 阅读
  4. pom.xml中resouces标签

    2024-01-19 02:56:01       62 阅读
  5. 167. 两数之和2 - 输入有序数组

    2024-01-19 02:56:01       53 阅读
  6. 深度学习与药物发现在健康衰老中的应用

    2024-01-19 02:56:01       51 阅读
  7. DPDK trace 的简单使用

    2024-01-19 02:56:01       52 阅读
  8. 正则表达式

    2024-01-19 02:56:01       54 阅读
  9. React导航守卫(V6路由)

    2024-01-19 02:56:01       60 阅读
  10. 解决Reinitialized existing Git repository

    2024-01-19 02:56:01       57 阅读
  11. git push/pull/clone超时解决

    2024-01-19 02:56:01       49 阅读
  12. Crow:CROW_STATIC_DIRECTORY静态资源

    2024-01-19 02:56:01       54 阅读