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

hykeda2年前Vue2295

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

<ABC :abc="data"/>

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

处理的方案:

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

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

相关文章

vue3中给响应式数据赋值操作,以及toRef 和 toRefs区别

最近在开发vue3时,定义了一个变量:let form = reactive({});form = res.items;这里我将接口获取到的数据直接赋给了form,这样我在表单中:<el-for...

npm简介

npm简介

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

vue3 拖拽插件 vue.draggable.next

官网地址:https://github.com/SortableJS/vue.draggable.next安装:npm i -S vuedraggable@next引入插...

页面直接使用ElementUI,官方提供的表格代码,样式错乱

页面直接使用ElementUI,官方提供的表格代码,样式错乱

在使用element编写前端代码是,引入element的css和js,使用官方提供的例子:<template>   <el-table :data=&...

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

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

Vue3 Pinia持久化存储

一、Pinia持久化存储二、使用步骤1.安装插件代码如下(示例):npm i pinia-plugin-persist --save2.store/index.js代码如...

发表评论    

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