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

hykeda2年前Vue2854

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

<ABC :abc="data"/>

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

处理的方案:

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

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

相关文章

vue项目上安装SCSS

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

vue3中defineProps传值使用ref响应式失效详解

子组件接收父组件的传参。父组件:<template> <Son :data="data"/> </template> <s...

pinia中数据解构

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

vue中的h函数使用

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

vite配置代理proxy实现跨域问题

最近在开发vite+vue项目时,调用接口获取服务器数据时提示接口有跨域问题,解决办法是配置代理:export default defineConfig({  //配置代理  se...

npm简介

npm简介

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

发表评论    

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