在 vue 中传递道具答案

【问题标题】：passing props in vue在 vue 中传递道具
【发布时间】：2020-10-19 09:05:48
【问题描述】：

我是 vue 新手，在将道具从一个组件传递到另一个组件时遇到问题，我需要帮助

events.js

 
  {{ event.venue }}

我正在尝试从 event

获取属性

购物车.js

 props: ["id", "event"],

定义道具

data: function() {
    return {
      regular: null,
      event:"",
     
    };
    
  },

通过了

 <h1 class="modal__text">{{ event.name}}</h1>

但错误显示 Duplicate key，我做错了什么以及解决方案是什么？

标签： javascript vue.js vuejs2 prop

【解决方案1】：

你不能同时拥有同名的数据和道具。从您的数据中删除 event。你可以给你的道具一个默认值，如下所示。

props : {
   ...
   event : {
       type : 'Object',
       default : function(){
           return {
               name : ''
               // and other fields
           };
       }
   }
}

【讨论】：