vue中 v-slot使用注意

Posted bbplayer

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue中 v-slot使用注意相关的知识,希望对你有一定的参考价值。

父:<template v-slot:center></template>(简写:<template #:center></template>)

子:<slot name="center"></slot>

 

父:<template v-slot:center=“datas”>{{datas.data}}</template>(datas这个可以任意命名也可以写成v-slot:center=“{data}”然后{{data})

子:<slot name="center" :data=data></slot>

在父组件中使用v-slot(#)时要放在template标签中。

以上是关于vue中 v-slot使用注意的主要内容,如果未能解决你的问题,请参考以下文章

vue过滤器,slot插槽

vue3中的四种插槽的介绍-保证让你看看的明明白白!

Vue中的v-slot如何使用

带有函数调用的 vue.js 单元测试 v-slot

vue 2.6 插槽更新 v-slot 用法总结

Vue插槽:slot、slot-scope与指令v-slot使用方法区别讲解