vue3的slot插槽用法,`slot-scope` are deprecated

前言:

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>

猜你喜欢

转载自blog.csdn.net/qq_41619796/article/details/122847424
今日推荐