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

hykeda2年前Vue2141

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

<ABC :abc="data"/>

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

处理的方案:

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

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

相关文章

vue中的h函数使用

一、参数设置h函数接收三个参数。第一个参数:,可以为一个html标签,一个组件,一个异步组件,或者是一个函数式组件。第二个参数:{ Object } Props,与attributes和props,以...

useRoute,userRouter的用法

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

在html5中使用Vue3,并且使用组件形式

有的时候为了使用vue编写一些前端程序,如果直接搭建框架感觉太过庞大了。如何直接在html中使用呢?接下来详细介绍:1)引入Vue,并创建Vue实例在官网上,已经讲得很清楚了,我们可以这样使用&nbs...

在写css时不起作用,请排查是否是scoped的问题

在写css的时候,用了框架自带的组件table和card,把table包在了card里面,然后发现table的分页样式出现了问题,查看源码后发现card中写了ul li { margin-left:2...

vue项目上安装SCSS

原文:https://blog.csdn.net/zhouzuoluo/article/details/81010331  ① 使用vue-cli模板创建新项目:vu...

pinia中数据解构

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

发表评论    

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