Vue的插槽

v-slot使用

cli4.x

<template>
  <div id="home">
    <NavBar>
      <template v-slot:middle><!-- 不能加空格,否则不报错也找不到插槽 -->
        <div>ddd</div>
      </template>
    </NavBar>
  </div>
</template>

<script>
  export default {
     
     
    name: 'Home',
    components: {
     
     
      NavBar
    }
  }

  import NavBar from 'components/common/navbar/NavBar.vue'
</script>

<style>

</style>

注意

//注意:不能加空格!!!
v-slot:middle // 可√
v-slot: middle // 不可×

猜你喜欢

转载自blog.csdn.net/weixin_37627774/article/details/108360494
今日推荐