![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vant
拿这个考验干部
记录遇到过的问题和解决方案
展开
-
vant-weapp中selectComponent无法正常访问组件实例
项目使用wepy框架使用到了vant-weapp中的倒计时通过 selectComponent 选择器获取到组件实例后,可以调用start、pause、reset方法。文档中的使用示例是start() { const countDown = this.selectComponent('.control-count-down'); countDown.start(); },wepy中这样的语法会报错解决:this.$wxpage.selectComponent(’xxx‘)原创 2022-02-23 16:33:59 · 1115 阅读 · 1 评论 -
小程序wepy框架引入vant.UI
小程序wepy框架引入vant.UI在项目根目录npm i vant-weapp -S --production安装vant下载安装完成后 去node_modules/_vant_weapp复制dist文件夹到src/components中替换名称为van在要使用vant的页面的config中配置usingComponentsconfig = { navigationBarTitleText: "", usingComponents: { "van-bu原创 2021-07-02 18:15:35 · 379 阅读 · 0 评论 -
vantUI日期组件的使用
vantUI日期组件的使用<template> <!-- 选择日期框开始--> <div class="myDateInput"> <h5>日期(年-月-日)</h5> <input v-model="dateInput" :class="foucsActive===true?inputFocus:inputBlur" placeholder="请选择" type="text" name=原创 2021-01-23 15:11:44 · 943 阅读 · 0 评论 -
uniApp中引入vant.ui
uniApp中引入vant.ui在项目创建一个和pages同级的目录wxcomponents目录在wxcomponents目录中创建vant目录![在这里插入图片描述](https://img-blog.csdnimg.cn/20210114123330125.jpg#pic_center在vant-weapp的GitHub Releases版块下载最新的zip包:点击去下载下载压缩后效果如下复制dist文件到wxcomponents下的vant目录中页面中使用引入的UI组件在App.V原创 2021-01-14 12:54:39 · 1515 阅读 · 1 评论 -
uni-app使用vantUI的van-swipe-cell滑动单元格
uni-app使用vantUI的van-swipe-cell滑动单元格<checkbox-group @change="checkboxChange"> <view v-for="(item,index) in productList" :key="index"> <!-- 我的项目需求只需要一个左滑右边显示删除键,如果需要右滑左边也显示按钮如下 --> <!-- <van-swipe-cell right-width="6原创 2021-01-19 17:30:33 · 2271 阅读 · 2 评论