vue3的slot插槽用法,`slot-scope` are deprecated
前言:vue3的插槽使用方法发生了改变,和vue2相比较。使用vue2的写法,会报错:`slot-scope` are deprecatedvue2:上下对应,title是自己随便起的名字1、定义一个普通的插槽,可以用div,任何标签<div slot="title"></div>2、定义一个element列表里面插槽的标签<div slot="title" slot
文章共270字 · 阅读需要大约1分钟
一键AI生成摘要,助你高效阅读
问答
·
前言:
vue3的插槽使用方法发生了改变,和vue2相比较。
使用vue2的写法,会报错:
`slot-scope` are deprecated
vue2:上下对应,title是自己随便起的名字
1、定义一个普通的插槽,可以用div,任何标签
<div slot="title"></div>
2、定义一个element列表里面插槽的标签
<div slot="title" slot-scope="scope"></div>
vue3:上下对应,title是自己随便起的名字
1、注意,vue3中只能用template, # 等同于 slot=
<template #title></template>
2、注意,vue3中只能用template, # 等同于 slot=
<template #title="scope"></template>
更多推荐
已为社区贡献21条内容
所有评论(0)