父子组件传值问题 :content
来源：4-5 非父子组件间的传值
啦啦_7
2018-11-30
如果我在content前面加上冒号，就会报错，如果不加上，按字符串传过去会正常显示。如果按属性传，怎么样接受才不会报错啊？
<body>
<div id="root">
<child :content="Jack"></child>
<child :content="Sparrow"></child>
</div>
<script type="text/javascript">
Vue.prototype.bus=new Vue();
var child={
props:{
content:[String,Number]
},
data:function(){
return{
selfContent:this.content
}
},
template:'<div>{{selfContent}}</div>'
};
var vm=new Vue({
el:"#root",
components:{
child:child
}
});
</script>
</body>
写回答
2回答
-
慕圣7288578
2018-11-30
因为你在子组件里接收的时候规定了接收数据的类型为 string number
00 -
慕圣7288578
2018-11-30
按照属性传需要规定这个属性的值，你现在没有规定属性值，所以错误信息提示你 is not defined ，你需要在父组件里给jack sparrow 两个变量赋值，并且要赋值string类型或者number类型
012018-12-02
相似问题