欢迎您访问 最编程 本站为您分享编程语言代码,编程技术文章!
您现在的位置是: 首页

vue 中的插槽槽位和槽位输出值

最编程 2024-07-14 11:25:08
...
<!--1. 在slot插槽组件中:匿名插槽和具名插槽 以及向外抛值--> <div class="test-slot"> <slot :data1='data1'></slot> <slot name='main' :data2='data2'></slot> </div> <script> export default { data(){ return { data1:"我是匿名插槽", data2:"我是具名插槽" } } } </script> <!--2. 在使用插槽组件:--> <template> <div > <TestSlot> <template v-slot:default='ctx1'>{{ctx1.data1}}</template> <template v-slot:main='ctx2'>{{ctx2.data2}}</template>
或者这样写

推荐阅读