element-plus + vue3.0 step 步骤条 插槽的使用
vue3.0的项目 如果仍用slot-socpe写法使用插槽会报错 ‘slot-scope are deprecated’ (槽作用域已弃用)项目改为vue3 之前的vue2步骤条写法失效。只能用template。
·
项目改为vue3 之前的vue2步骤条写法失效
vue3.0的项目 如果仍用slot-socpe写法使用插槽会报错 ‘slot-scope are deprecated’ (槽作用域已弃用)
只能用template
参考如下代码:
<el-steps :active="2" direction="vertical" align-center>
<el-step title="步骤1" description="描述">
<template v-slot:description>
<span>
这是测试1
</span>
</template>
</el-step>
<el-step title="步骤2" description="描述">
<template v-slot:description>
<span>
这是测试2
</span>
</template>
</el-step>
</el-steps>
<el-steps :active="3" :space="300" align-center>
<el-step description="第一步">
<template v-slot:title>
<el-icon><FullScreen /></el-icon>
</template>
</el-step>
<el-step description="第二步">
<template v-slot:title>
<el-icon><Edit /></el-icon>
</template>
</el-step>
<el-step description="第三步">
<template v-slot:title>
<el-icon><CircleCheck /></el-icon>
</template>
</el-step>
</el-steps>
更多推荐
已为社区贡献3条内容
所有评论(0)