vue原生项目vant使用图片预览组件ImagePreview报错（非脚手架，cdn引入js文件使用组件）

刺心疯

于 2021-03-16 19:00:43 发布

阅读量2k

点赞数 2

分类专栏： HTML5 vue

本文链接：https://blog.csdn.net/qq_42363090/article/details/114894580

版权

201 篇文章 10 订阅

订阅专栏

35 篇文章 0 订阅

订阅专栏

在非脚手架的原生项目中使用:

import { ImagePreview } from 'vant';

ImagePreview(['https://img01.yzcdn.cn/vant/apple-1.jpg']);

这么写会报错，那么怎么解决这个问题呢，其实很简单
因为不是脚手架安装的vantUI，用法有些不同，有些组件需要在前面加vant

正确ImagePreview的用法：

vant.ImagePreview(['https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=2853553659,1775735885&fm=26&gp=0.jpg']);

在前面加上vant.就i可以了

关注

专栏目录