插槽v-slot
作者:
媛猿YY | 来源:发表于
2021-02-26 12:27 被阅读0次
父子组件插槽的使用
父组件product.vue
<template>
<div class="produt">
<product-param>
<template v-slot:buy>
<button class="btn">立即购买</button>
</template>
</product-param>
</div>
</template>
<script>
import ProductParam from '../components/ProductParam.vue';
</script>
子组件 ProductParam.vue
<div class="pro-param">
<a href="javascript:;"></a>概述<span>|</span> <a href="javascript:;"></a>参数<span>|</span>
<a href="javascript:;"></a>用户评价
<slot name="buy"></slot>
</div>
本文标题:插槽v-slot
本文链接:https://www.haomeiwen.com/subject/iesmfltx.html
网友评论