首页 > TAG信息列表 > DialogWin

插槽的基本使用(匿名插槽)

1.新建一个.vue文件 DialogWin.vue文件 //在这个文件中放了一个slot占位符 <template> <div> <div>头部</div> <div> //匿名插槽 <slot> <h1>这是一个后备内容,当没有内容传入这个插槽的时候,此行才会显示</h1>

插槽的基本使用(具名插槽)

1.DialogWin.vue文件 给slot标签添加一个name属性名称 <template> <div> <div>头部</div> <div>主体部分 //匿名插槽 <slot> <h1>这是一个后备内容,当没有内容传入这个插槽的时候,此行才会显示</h1> </slot> //具名插