电脑知识|欧美黑人一区二区三区|软件|欧美黑人一级爽快片淫片高清|系统|欧美黑人狂野猛交老妇|数据库|服务器|编程开发|网络运营|知识问答|技术教程文章 - 好吧啦网

您的位置:首頁技術文章
文章詳情頁

解決vue props傳Array/Object類型值,子組件報錯的情況

瀏覽:65日期:2022-11-04 15:49:46

問題:

Props with type Object/Array must use a factory function to return the default value.

1、在vue中如果當在父組件通過props傳Array/Object類型值給子組件的時候

2、如果子組件的props接收default為 ,如下

解決vue props傳Array/Object類型值,子組件報錯的情況

報錯

解決vue props傳Array/Object類型值,子組件報錯的情況

原因:props default 數組/對象的默認值應當由一個工廠函數返回

解決:

解決vue props傳Array/Object類型值,子組件報錯的情況

補充知識:vue的props如何傳多個參數

vue父作用域將數據傳到子組件通過props進行傳參,如果需要傳多個參數可以數組形式賦值給props,通過這樣子組件就可以獲取父組件傳體過來的多個參數了。

<div id='app'> <ul > <todo-item v-for='(item,index) in arr' v-bind:todo='item' v-bind:index='index'></todo-item> </ul></div><script type='text/javascript' src='http://www.hdgsjgj.cn/bcjs/js/vue.js' ></script><script> Vue.component('todo-item',{ props:[’todo’,’index’], template:'<li>{{index}}:{{todo.text}}</li>' }) var app = new Vue({ el:'#app', data:{ arr: [ { text: ’學習 JavaScript’ }, { text: ’學習 Vue’ }, { text: ’整個牛項目’ } ] } })</script>

以上這篇解決vue props傳Array/Object類型值,子組件報錯的情況就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持好吧啦網。

標簽: Vue
主站蜘蛛池模板: 微妙网,专业的动画师、特效师、CG模型设计师网站! - wmiao.com 超声波电磁流量计-液位计-孔板流量计-料位计-江苏信仪自动化仪表有限公司 | 宁波普瑞思邻苯二甲酸盐检测仪,ROHS2.0检测设备,ROHS2.0测试仪厂家 | 济南办公室装修-厂房装修-商铺装修-工装公司-山东鲁工装饰设计 | 世纪豪门官网 世纪豪门集成吊顶加盟电话 世纪豪门售后电话 | 清洁设备_洗地机/扫地机厂家_全自动洗地机_橙犀清洁设备官网 | 智慧养老_居家养老_社区养老_杰佳通 | 桁架楼承板-钢筋桁架楼承板-江苏众力达钢筋楼承板厂 | 上海璟文空运首页_一级航空货运代理公司_机场快递当日达 | 在线钠离子分析仪-硅酸根离子浓度测定仪-油液水分测定仪价格-北京时代新维测控设备有限公司 | 温湿度记录纸_圆盘_横河记录纸|霍尼韦尔记录仪-广州汤米斯机电设备有限公司 | 北京康百特科技有限公司-分子蒸馏-短程分子蒸馏设备-实验室分子蒸馏设备 | 塑料异型材_PVC异型材_封边条生产厂家_PC灯罩_防撞扶手_医院扶手价格_东莞市怡美塑胶制品有限公司 | 999范文网_优质范文下载写作帮手| 大型低温冷却液循环泵-低温水槽冷阱「厂家品牌」京华仪器_京华仪器 | 百度关键词优化_网站优化_SEO价格 - 云无限好排名 | PVC快速门-硬质快速门-洁净室快速门品牌厂家-苏州西朗门业 | 学生作文网_中小学生作文大全与写作指导 | 齿轮减速机_齿轮减速电机-VEMT蜗轮蜗杆减速机马达生产厂家瓦玛特传动瑞环机电 | 压装机-卧式轴承轮轴数控伺服压装机厂家[铭泽机械] | 企典软件一站式企业管理平台,可私有、本地化部署!在线CRM客户关系管理系统|移动办公OA管理系统|HR人事管理系统|人力 | 带压开孔_带压堵漏_带压封堵-菏泽金升管道工程有限公司 | CCE素质教育博览会 | CCE素博会 | 教育展 | 美育展 | 科教展 | 素质教育展 | CPSE安博会 | 中视电广_短视频拍摄_短视频推广_短视频代运营_宣传片拍摄_影视广告制作_中视电广 | 青岛侦探_青岛侦探事务所_青岛劝退小三_青岛婚外情取证-青岛王军侦探事务所 | 不锈钢/气体/液体玻璃转子流量计(防腐,选型,规格)-常州天晟热工仪表有限公司【官网】 | 橡胶接头_橡胶软接头_套管伸缩器_管道伸缩器厂家-巩义市远大供水材料有限公司 | 济南展厅设计施工_数字化展厅策划设计施工公司_山东锐尚文化传播有限公司 | 上海地磅秤|电子地上衡|防爆地磅_上海地磅秤厂家–越衡称重 | 伺服电机维修、驱动器维修「安川|三菱|松下」伺服维修公司-深圳华创益 | 全自动包装秤_全自动上袋机_全自动套袋机_高位码垛机_全自动包装码垛系统生产线-三维汉界机器(山东)股份有限公司 | 垃圾处理设备_餐厨垃圾处理设备_厨余垃圾处理设备_果蔬垃圾处理设备-深圳市三盛环保科技有限公司 | 美侍宠物-专注宠物狗及宠物猫训练|喂养|医疗|繁育|品种|价格 | 不锈钢监控杆_监控立杆厂家-廊坊耀星光电科技有限公司 | 动环监控_机房环境监控_DCIM_机房漏水检测-斯特纽 | 沈阳液压泵_沈阳液压阀_沈阳液压站-沈阳海德太科液压设备有限公司 | 除尘器布袋骨架,除尘器滤袋,除尘器骨架,电磁脉冲阀膜片,卸灰阀,螺旋输送机-泊头市天润环保机械设备有限公司 | NM-02立式吸污机_ZHCS-02软轴刷_二合一吸刷软轴刷-厦门地坤科技有限公司 | 真空泵厂家_真空泵机组_水环泵_旋片泵_罗茨泵_耐腐蚀防爆_中德制泵 | 郑州外墙清洗_郑州玻璃幕墙清洗_郑州开荒保洁-河南三恒清洗服务有限公司 | TwistDx恒温扩增-RAA等温-Jackson抗体-默瑞(上海)生物科技有限公司 |