使用 vant 的时候 #icon=““ 缩写插槽使用失效的解决办法。

7 篇文章 1 订阅

使用vant 组件的时候,有可能会碰到 #icon="",这样的形式,这是vue中插槽的缩写形式。

<template #icon="props">
</template>

这样的写法失效的话。

很大的可能是引入的 vue 版本与 vant 的版本过低。

解决办法,使用最新版的 vant 和vue 的版本

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/vant@2.10/lib/index.css"/>
<script src="https://cdn.jsdelivr.net/npm/vue@2.6/dist/vue.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vant@2.10/lib/vant.min.js"></script>

 或者,不使用缩写的方式解决。

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

 

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值