javascript - 关于vue组建的作用域插槽,做了一下里面的例子,还是不太懂
ringa_lee
ringa_lee 2017-04-11 13:00:40
[JavaScript讨论组]

这里面我无法渲染出li标签,我有点懵。
请问,这里的props是不能将父组件的items里的数据传递给子组件吗?
Li标签如何渲染出来呢?
另外这里template标签里的scope属性的props是和我父组件的props属性是同样的东西吗?

ringa_lee
ringa_lee

ringa_lee

全部回复(3)
迷茫

name 拼写错了,这样子改过来能正常显示。scopedprops文档讲得挺清楚了。作用域插槽

 var child = {
    props:["items"],
    template:'\
        <ul>\
           <slot name="item"\
                 v-for="item in items"\
                 :text="item.text">\
           </slot>\
        </ul>\
    '
}
天蓬老师

初学者 一起研究

阿神

1:这里面我无法渲染出li标签,我有点懵。

模版里name写错了

2:请问,这里的props是不能将父组件的items里的数据传递给子组件吗?

https://cn.vuejs.org/v2/guide...
在父级中,具有特殊属性 scope 的 <template> 元素,表示它是作用域插槽的模板。scope 的值对应一个临时变量名,此变量接收从子组件中传递的 prop 对象。

3:另外这里template标签里的scope属性的props是和我父组件的props属性是同样的东西吗?

和子组件的props属性是一个对象。

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号