老师您好,在学习4.7作用域插槽的时候,在子组件中使用li循环可以显示,在父组件中使用slot-socpe="props"的时候,提示props未定义
来源：4-7 作用域插槽
路過Kuma
2018-04-17
代码如下:
<div id="root">
<child>
<template slot-scope="props">
<li>{{props.item}}</li>
</template>
</child>
</div>
<script>
Vue.component('child',{
data:function(){
return{
list:[1,2,3,4,5]
}
},
template:`<div>
<ul>
<slot v-for="item of list"
:item=item
></slot>
</ul>
</div>`
});
var vm=new Vue({
el: '#root',
});
</script>
按照您的视频尝试了两次,依然未看出跟您的代码有何区别,直接在子组件内进行li循环可以显示list,使用solt就一直是同样的错误,提示:
Property or method "props" is not defined on the instance but referenced during render. Make sure to declare reactive data properties in the data option.
TypeError: Cannot read property 'item' of undefined
麻烦您帮忙看一下好吗?谢谢了
6回答
-
Dell
2018-12-19
请不要用props这个变量，换一个其他名字试一下
00 -
sunguoguo
2018-12-17
遇到相同的问题，请问怎么解决的？
00 -
qq__9987
2018-05-21
怎么我没问题，你們都有问题。。
00 -
kevinchen1
2018-05-20
官网都是提供2.4.0的开发版本的包,老师怎么解决这个问题.
00 -
Dell
2018-04-24
明白，这个我看一下，我觉得应该是升级了语法，看起来问题不大，你先继续往下学
00 -
Dell
2018-04-17
把props换一个名字试试
072018-05-10
相似问题