首页 > 建站教程 > 前端框架 >  vue3 `slot-scope` are deprecated 报错正文

vue3 `slot-scope` are deprecated 报错

vue3项目开发中,定义了下面的代码报错:

<template slot-scope="scope"></template>


报错提示:

`slot-scope` are deprecated


vue2:上下对应,title是自己随便起的名字

<!-- 定义一个普通的插槽,可以用div,任何标签 -->
<div slot="title"></div>
<!-- 定义一个element列表里面插槽的标签 -->
<div slot="title" slot-scope="scope"></div>


vue3:上下对应,title是自己随便起的名字

<!--注意,vue3中只能用template,不能用如div等其他标签,  # 等同于 slot= -->
<template #title></template>
<!-- 注意,vue3中只能用template,  # 等同于 slot= -->
<template #title="scope"></template>
<!-- 如果没有定义插槽的名称,用Default替代,如 -->
<template #default="scope"></template>