VUE父級使用子元件以插槽的形式,在父級修改內容任意向子級插入

qq_41429765發表於2020-10-22

**父級元件的寫法:**
子元件是firstSon
<template>
   <div>
        <first-son>
            //向子元件中插入此內容
            <div slot="firstcontent"></div>
         </first-son>
        
    </div>
</template>


<script>
   import firstSon from '/firstSon'
   export default(){
        components:{
           firstSon
        }
  }
</script>

子元件寫:
<template>
    <div>
       <slot name="firstcontent">
          即可展示其內容,這個裡面的內容是需要更換的內容,更換那塊內容,用slot包住即可
          </slot>
     </div>

</template>
 

相關文章