在vant使用插槽自定义图标

1.在每个带图标的组件下面会有相应的v-slot name说明

在这里插入图片描述

2.在组件中使用

(这里用的是阿里巴巴的icon font)

  <van-field v-model="user.mobile" center icon-prefix="toutiao" left-icon="shouji" placeholder="请输入手机号码" style="position:relative;">
            <template #left-icon>
                <div class="toutiao toutiaoshouji"></div>
            </template>
        </van-field>

原文链接：https://blog.csdn.net/simple5960/article/details/109304979

你可能也喜欢