Parent.vue
<navBar>
<template slot="left">
<view class="item">
<text class="name">slotName</text>
</view>
<view class="item">
<text class="name">slotName</text>
</view>
</template>
</navBar>Child.vue
<template>
<view class="navBar">
<view class="left">
<view class="item">
<text class="icon">icon</text>
<text class="name">defaultName</text>
</view>
<slot name="left"></slot>
</view>
</view>
</template>
<script>
export default {
name:"navBar",
props:{},
data() {return {}}
}
</script>
<style>
.navBar { ... }
.navBar .item { display:flex; ... }
.navBar .name { color:red; font-size:14px; padding-left:10px; }
</style>
0 个回复