首页 > 其他分享 >菜鸡的bug-vue父子传值props的报错

菜鸡的bug-vue父子传值props的报错

时间:2023-01-10 00:00:24浏览次数:43  
标签:vue return 菜鸡 报错 props 传值

我们在vue中通过props来进行父子传值的时候,在当前页面没有问题,但是切换到其他页面的时候控制台会报错。

后来我们会发现在props中简单的接受单个属性的时候没什么问题,但是在接受数组和对象的时候我们不能简单的给他的默认default的值赋【】或者{},我们要用函数的形式return出来这个数组或者对象的默认值,就会解决这个报错。

例如:

  porps:{

    obj:{

      default:fuction(){

        return {}

      }

    }

}

标签:vue,return,菜鸡,报错,props,传值
From: https://www.cnblogs.com/xms312/p/17034018.html

相关文章

  • Vue 跳转页面传参
    初创建于:2022-07-0811:03要在vue中跳转页面时传递参数,首先需要引入useRoute与useRouter:import{useRouter,useRoute}from'vue-router';constroute=use......
  • VUE3 AXIOS 封装
    网上找了很多AXIOS的封装但是都不是很满意,后来参考其他人的实现做了改动后特分享出来http.ts文件封装importtype{AxiosRequestConfig,AxiosResponse}from'axios......
  • vue后台项目中遇到的技术难点以及解决方案
    项目结构之前我有打算基于Webpack4自己写个脚手架用来打包文件,但是那段时间刚好Vue-cli3刚刚发布正式版并且也是基于Webpack4封装的,于是想了一下还决定使用新的Vue-cli3脚......
  • day06-Vue03
    Vue0310.组件化编程10.1基本说明官网链接:https://v2.cn.vuejs.org/v2/guide/components-registration.html在大型应用开发时,页面可以划分成很多部分。不同的页面,往往......
  • Vue中全局事件总线
    Vue中全局事件总线1:全局事件总线2:示例代码结构3:代码内容vue.config.jsconst{defineConfig}=require('@vue/cli-service')module.exports=defineConfig({transpi......
  • VUE 防抖简单实现
    防抖代码实现:exportclassDebounce{staticcurrent:Debounce=newDebounce();staticasyncInvoke<T>(func:()=>Promise<T>,timeout:number=300)......
  • 安装oracle 19.3,dbca到第9步时报错DBT-50000,无法检查可用内存
    问题描述:安装oracle19.3,dbca到第9步时报错DBT-50000,无法检查可用内存.系统:windows11专业版安装包:LINUX.X64_193000_db_home.zip解决方案:使用dbca-J-Doracle.assistants.......
  • 数据代理_3Vue中的数据代理
    数据代理_3Vue中的数据代理<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Vue中的数据代理</title><scriptsrc="../js/vue.js">......
  • Vue——computed计算属性 例子
    <!DOCTYPEhtml><htmllang="en"><head>  <metacharset="UTF-8">  <metahttp-equiv="X-UA-Compatible"content="IE=edge">  <metaname="viewport"......
  • Vue——watch侦听属性 例子
    <!DOCTYPEhtml><htmllang="en"><head>  <metacharset="UTF-8">  <metahttp-equiv="X-UA-Compatible"content="IE=edge">  <metaname="viewport"......