vue中slot,slot-scope,v-slot的用法和区别
  TEZNKK3IfmPf 20天前 13 0
vue

 

slot

用于设置标签的属性值(slot=“title”)

slot-scope

 

v-slot

 

vue中slot,slot-scope,v-slot的用法和区别

 

slot

<el-menu-item v-if="!navMenu.children" :key="navMenu.id" :index="navMenu.id + ''" @click="itemClick(navMenu)" >
   <span slot="title">{{  }}</span>
</el-menu-item>
<span slot="footer" class="dialog-footer">
  <el-button @click="dialogVisible = false">取 消</el-button>
  <el-button type="primary" @click="save">确 定</el-button>
</span>

slot-scope

<el-table-column label="修改时间" width='150' align='center'>
  <template slot-scope="scope">{{scope.row.modifyTime|formtterDate}}</template>
</el-table-column>

v-slot

<Test>
  <template v-slot:header="scope">//v-slot定义作用域插槽
	   <div>
	     <p> {{scope.msg}} </p>
	   </div>
  </template>
</Test>
【版权声明】本文内容来自摩杜云社区用户原创、第三方投稿、转载,内容版权归原作者所有。本网站的目的在于传递更多信息,不拥有版权,亦不承担相应法律责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@moduyun.com

  1. 分享:
最后一次编辑于 20天前 0

暂无评论

推荐阅读
  TEZNKK3IfmPf   2024年03月30日   48   0   0 vue
  TEZNKK3IfmPf   27天前   17   0   0 vue
  I7JaHrFMuDsU   2024年03月22日   20   0   0 javascriptvue
  TEZNKK3IfmPf   2024年03月29日   30   0   0 javascriptvue
TEZNKK3IfmPf