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

hykeda2年前Vue1895

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

<ABC :abc="data"/>

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

处理的方案:

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

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

相关文章

vue3 拖拽插件 vue.draggable.next

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

学习lodash

官网:https://www.lodashjs.com/ 链接:https://www.jianshu.com/p/d46abfa4ddc9 简介 L...

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&...

vue中的h函数使用

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

uni-app中使用iconfont字体,亲测有用

一、下载好iconfont文件,复制iconfont.ttf这个文件至项目。 在你的项目中创建一个iconfont.css文件,文件内容: @font-face { font-fam...

发表评论    

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