vant框架 toast弹窗为啥不显示图片

Posted 2023-04-08

项目中使用vant框架，在使用toast弹窗时，
Toast(
message: '展示图片',
icon: 'https://img.yzcdn.cn/vant/logo.png'
);
为什么不显示图片

参考技术A 一般来说不建议图片用中文名字~~您可以选择英文名字~或者数字都可以~~有时候浏览器识别不了中文名称的图片路径的~还有一种可能就是您的图片路径不对（您存放的图片位置与页面存放位置要保证准确。）

vant组件库 vue及小程序

参考技术A https://vant-contrib.gitee.io/vant/#/zh-CN/home

vue使用vant组件库

//npm安装vant组件库后 在main.js中按需引入所需组件

import Button from 'vant';
Vue.use(Button);

https://youzan.github.io/vant-weapp/#/quickstart

引入某个组件 js文件中
import Toast from '@vant/weapp/toast/toast';

showtxt()
Toast('我是提示文案，建议不超过十五字~');
,

wxml中：
<van-button type="info" bindtap="showtxt">点击弹出事件</van-button>
<van-toast id="van-toast" />