小程序vant 的toast组件在苹果手机兼容问题
使用官方的wx.showToas提示时,如果提示的文字过多,会出现只展示两行,有些文字展示不全。
因为官方最多展示两行信息。
这时可以用vant的toast提示组件。
使用步骤
1、在json文件中引入
"usingComponents": {
"van-toast": "@vant/weapp/toast/index"
}
2、在js文件中引入
import Toast from 'path/to/@vant/weapp/dist/toast/toast';
3、写提示信息
Toast('我是提示文案,建议不超过十五字~');
注意:这里有一个坑!!
第二步一定不能省略,如果js里面不引用,是依然不能兼容ios系统的,如果提示字数过多,依然显示不全。但是在安卓上是没有问题的。
没有在js文件中引入时是这样的:
在js文件中引入就安卓,ios都可以正常显示: