vue 中父组件要向子组件通过props传值出现延时处理方案

hykeda3年前Vue2964

在开发vue是,父组件要向子组件传值,但是这个值是父组件通过接口请求的,如果直接通过

<ABC :abc="data"/>

这样在子组件中获取到的abc是为空,因为传递时,父组件还未得到值,赋值给data。

处理的方案:

<template v-if="show">
<ABC :abc="data"/>
</template >

在父组件请求数据时show为false,等待父组件数据取到值后,把show设置为true并且把获取的值赋值给data,这样子组件就能正常展示了。

相关文章

pinia中数据解构

在vuex中获取state中的数据可以解构的方式如下:import { mapState,mapMutations } from "vuex...

npm简介

npm简介

做前端开发,如果项目达到了一定的规模,就离不开npm了。下面简单介绍一下npm的知识。1、npm的含义npm,Node Package Manager的缩写,也就是“节点的包管理器”。顾名思义,npm...

vuex存储和本地存储(localstorage、sessionstorage)的区别

1. sessionStorage    sessionStorage 方法针对一个 session 进行数据存储。当用户关闭浏览器窗口后,数据会被删除。   用法: ...

vue3项目,Element-plus ElMessage API 调用样式丢失问题

1、Element-plus使用了自动按需导入,vite.config.js配置如下:defineConfig({     plugins: [...

useRoute,userRouter的用法

 import { useRoute, useRouter } from 'vue-router'; 这里的useRoute是获取传递的变量:const route...

直接在浏览器中使用 vue3+element-plus中icons的方法

首先引入文件,如果用cdn的方式:<script src="//unpkg.com/@element-plus/icons-vue"></script&...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。