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

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

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

瀏覽:63日期: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
主站蜘蛛池模板: 苏州柯瑞德货架-仓库自动化改造解决方案 | 散热器-电子散热器-型材散热器-电源散热片-镇江新区宏图电子散热片厂家 | 高防护蠕动泵-多通道灌装系统-高防护蠕动泵-www.bjhuiyufluid.com慧宇伟业(北京)流体设备有限公司 | 东莞螺杆空压机_永磁变频空压机_节能空压机_空压机工厂批发_深圳螺杆空压机_广州螺杆空压机_东莞空压机_空压机批发_东莞空压机工厂批发_东莞市文颖设备科技有限公司 | 分类168信息网 - 分类信息网 免费发布与查询| 微型气泵-真空-蠕动-水泵-厂家-深圳市品亚科技有限公司 | 高铝砖-高铝耐火球-高铝耐火砖生产厂家-价格【荣盛耐材】 | 三氯异氰尿酸-二氯-三氯-二氯异氰尿酸钠-优氯净-强氯精-消毒片-济南中北_优氯净厂家 | 仿真茅草_人造茅草瓦价格_仿真茅草厂家_仿真茅草供应-深圳市科佰工贸有限公司 | 涂层测厚仪_漆膜仪_光学透过率仪_十大创新厂家-果欧电子科技公司 | 压砖机、液压制砖机、静压砖机、环保砖机生产厂家—杜甫机械 | 海峰资讯 - 专注装饰公司营销型网站建设和网络营销培训 | 安平县鑫川金属丝网制品有限公司,声屏障,高速声屏障,百叶孔声屏障,大弧形声屏障,凹凸穿孔声屏障,铁路声屏障,顶部弧形声屏障,玻璃钢吸音板 | 拉卡拉POS机官网 - 官方直营POS机办理|在线免费领取 | 海尔生物医疗四川代理商,海尔低温冰箱四川销售-成都壹科医疗器械有限公司 | Jaeaiot捷易科技-英伟达AI显卡模组/GPU整机服务器供应商 | SDI车窗夹力测试仪-KEMKRAFT方向盘测试仪-上海爱泽工业设备有限公司 | 碳纤维复合材料制品生产定制工厂订制厂家-凯夫拉凯芙拉碳纤维手机壳套-碳纤维雪茄盒外壳套-深圳市润大世纪新材料科技有限公司 | 板框压滤机-隔膜压滤机-厢式压滤机生产厂家-禹州市君工机械设备有限公司 | 安规_综合测试仪,电器安全性能综合测试仪,低压母线槽安规综合测试仪-青岛合众电子有限公司 | 高速混合机_锂电混合机_VC高效混合机-无锡鑫海干燥粉体设备有限公司 | 粉末冶金-粉末冶金齿轮-粉末冶金零件厂家-东莞市正朗精密金属零件有限公司 | 氧化铝球_高铝球_氧化铝研磨球-淄博誉洁陶瓷新材料有限公司 | 【德信自动化】点胶机_全自动点胶机_自动点胶机厂家_塑料热压机_自动螺丝机-深圳市德信自动化设备有限公司 | 德州网站制作 - 网站建设设计 - seo排名优化 -「两山建站」 | 泥浆在线密度计厂家-防爆数字压力表-膜盒-远传压力表厂家-江苏大亚自控设备有限公司 | 3d可视化建模_三维展示_产品3d互动数字营销_三维动画制作_3D虚拟商城 【商迪3D】三维展示服务商 广东健伦体育发展有限公司-体育工程配套及销售运动器材的体育用品服务商 | 自动钻孔机-全自动数控钻孔机生产厂家-多米(广东)智能装备有限公司 | 玉米深加工设备-玉米深加工机械-新型玉米工机械生产厂家-河南粮院机械制造有限公司 | 假肢-假肢价格-假肢厂家-河南假肢-郑州市力康假肢矫形器有限公司 | 致胜管家软件服务【在线免费体验】 | 合肥网络推广_合肥SEO网站优化-安徽沃龙First | 卫浴散热器,卫浴暖气片,卫生间背篓暖气片,华圣格浴室暖气片 | 超声波_清洗机_超声波清洗机专业生产厂家-深圳市好顺超声设备有限公司 | 断桥铝破碎机_发动机破碎机_杂铝破碎机厂家价格-皓星机械 | 隧道烘箱_隧道烘箱生产厂家-上海冠顶专业生产烘道设备 | 旋转/数显粘度计-运动粘度测定仪-上海平轩科学仪器 | 电渗析,废酸回收,双极膜-山东天维膜技术有限公司 | 空气能采暖,热泵烘干机,空气源热水机组|设备|厂家,东莞高温热泵_正旭新能源 | 并网柜,汇流箱,电控设备,中高低压开关柜,电气电力成套设备,PLC控制设备订制厂家,江苏昌伟业新能源科技有限公司 | 电镀整流器_微弧氧化电源_高频电解电源_微弧氧化设备厂家_深圳开瑞节能 |