vue中slot(插槽)的介绍与使用(2)

<template> <div> 我是作用域插槽 <slot-three> <template slot-scope="user"> <div v-for="item in user.data" :key="item.id"> {{item}} </div> </template> </slot-three> </div> </template>

在父组件上使用slot-scope属性,user.data就是子组件传过来的值

vue中slot(插槽)的介绍与使用

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,如果有疑问大家可以留言交流,谢谢大家对脚本之家的支持。

您可能感兴趣的文章:

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:http://www.heiqu.com/a475e26924f93fee6dd8c4074ea1a24f.html