本文介绍了vue Render中slots的使用的实例代码,有需要了解vue Render中slots用法的朋友可参考。希望此文章对各位有所帮助。
render 中 slot 的一般默认使用方式如下:
this.$slots.default 对用 template的
想使用多个slot 的话。需要对slot命名唯一。使用this.$slots.name 在render中添加多个slot。
rush:js;">
this is slot
多个slot的使用
rush:js;">
在vue2.1.0新添加了scope(虽然感觉有点怪,但是用习惯了,还蛮好用的)。同样给出一般使用和多个使用示例,
rush:js;">
cope="props">
{{props.text}}
多个$scopedSlot的使用
rush:js;">
cope="props">
{{props.text}}
cope="props">
{{props.text}}
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。