
vant
impossible1994727
百尺竿头更进一步
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
vant 引用Lazyload报错Lazyload
报错如上图: 将本地代码添加如下两行就可以了: import Vue from "vue"; Vue.use(Lazyload); 完整使用方式如下: <template> <div class="Index"> <!-- banner --> <div class="banner"> <van-swipe :autoplay="3000" indicator-color="#ea792d" class="..原创 2021-03-07 13:59:48 · 1813 阅读 · 0 评论 -
微信小程序使用vant引入toast:import Toast from 'path/to/@vant/weapp/dist/toast/toast';
按照官方文档,除了要在app.json中先声明这个组件之外,还需要再使用页面引入toast。 "usingComponents": { "van-toast": "@vant/weapp/toast/index" } 官网引入方式写的为:import Toast from 'path/to/@vant/weapp/dist/toast/toast'; 但是,运行小程序会报错: mod...原创 2020-04-29 18:06:53 · 9594 阅读 · 6 评论 -
使用vant构建一个微信小程序
1、新建一个空白小程序 按照vant官网执行第一步: # 通过 npm 安装 npm i @vant/weapp -S --production # 通过 yarn 安装 yarn add @vant/weapp --production # 安装 0.x 版本 npm i vant-weapp -S --production //三选其一 2、初始化: npm init ...原创 2020-04-27 15:26:31 · 2860 阅读 · 1 评论 -
vant 报错 "export 'DropdownItem' was not found in 'vant'
在vue项目中引入的vant组件,看了官方文档,版本已经更新到2.几了,但是我本地只有1.6几。 在项目进行过程中很多组件都报错类似:"export 'DropdownItem' was not found in 'vant'; 查询到解决方式升级本地版本,升级命令: npm install [email protected] ...原创 2020-04-25 17:14:08 · 4802 阅读 · 0 评论 -
vue中引用了vant插件怎么使用rem自适应——postcss/flexible
首先下载vue :https://github.com/adventurewithme/vue_demo 这个是最初始的空白vue。 安装vant: # 通过 npm 安装 : npm i vant -S # 通过 yarn 安装 : yarn add vant Rem 适配 postcss-pxtorem是一款 postcss 插件,用于将单位转化为 rem:npm install...原创 2020-04-16 14:29:01 · 1371 阅读 · 0 评论 -
vant 组件引用方式
vant官网:https://youzan.github.io/vant/#/zh-CN/col 需求是用vue做一个移动端商城,查了一些前端框架,就这个还合适, 按照文档上面所说的组件按需引用的写法如下: import { Row, Col } from 'vant'; Vue.use(Row).use(Col); 然后再页面上写对应的HTML代码: <van-row>...原创 2019-04-28 18:09:00 · 16137 阅读 · 0 评论