使用vant-weapp ui中SwipeCell报错

最新推荐文章于 2024-07-29 17:01:32 发布
原创 最新推荐文章于 2024-07-29 17:01:32 发布 · 498 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#前端框架

这篇文章介绍了在使用vant-weapp中的SwipeCell组件时遇到滑动错误，解决方案是在包含标签的父元素上添加touch-action: none属性，以修复滑动冲突问题。

使用vant-weapp中SwipeCell 滑动单元格，滑动时报以下错误：

解决办法：

在引入的 van-swipe-cell 标签的父元素上添加 touch-action: none  属性即可

给予恩惠
关注
精选资源
参照Vant-Weapp开发的抖音原生小程序UI组件库.zip
02-25
Vant-Weapp是一个轻量级的小程序组件库，它在微信小程序中广泛使用，以其简洁、高效和高度可定制的特点深受开发者喜爱。这个特定的组件库应该是对Vant-Weapp的移植和优化，以适应抖音小程序的特性和需求。 【描述】...
毕业设计 一款基于校园跑步的社交小程序 技术栈：Vant-Weapp UI、Laravel+MySQL.zip
03-16
项目采用的技术栈主要包括Vant-Weapp UI框架和Laravel+MySQL数据库系统。 Vant-Weapp UI是 vantui 的微信小程序版本，它是有赞公司开发的一套轻量级的微信小程序组件库。Vant-Weapp 提供了一系列简洁、易用且高度...
解决微信小程序Vant-Weapp SwipeCell滑动单元格按钮无样式、点击空白处自动关闭、报渲染层错误等常见问题
Mr_Yang98的博客
07-15 3456
解决微信小程序Vant-Weapp SwipeCell滑动单元格按钮无样式、点击空白处自动关闭、报渲染层错误等常见问题
轮播图van-swipe的报错：cannot read a properties of null(reading width)
五颜六色的白
07-12 2953
轮播图van-swipe的报错：cannot read a properties of null(reading width)
van-swipe初始高度异常留白BUG处理
yangwq的博客
02-23 2039
v-lazy 会导致van-swipe初始高度异常 <van-swipe :autoplay="3000"> <van-swipe-item v-for="(image, index) in images" :key="index"> <img v-lazy="image" /> </van-swipe-item> </van-swipe> van-swipe初始高度异常BUG处理 方案一：不使用懒加载模式 具体应用如下： .
在使用vant小程序版的van-swipe-cell组件报滚动错误
weixin_43100142的博客
07-10 1574
Ignored attempt to cancel a touchmove event with cancelable=false, for example because scrolling is in progress and cannot be interrupted. 在使用vant小程序的van-swipe-cell滑动单元格组件时，会出现这种错误 虽然没有影响到正常使用，但是看的很不舒服， 现在只要在这个元素加上一个样式就可以touch-action: none; 具体需要看这类样式是有什么作用
vant ui Swipe pc端滑动失效
anwenagululu的博客
12-25 1184
是移动端的组件库，对pc端会有兼容性问题，例如Swipe，移动端是@touch，该组件做了相应的监听，而PC端是@mouse，没有做对应的监听，因此在pc端无法用鼠标拖动图片。img加事件@dragstart.prevent。
vant-weapp.rar
11-29
直接在对应需要用的组件的json文件引入相应的组件。 例如： { "usingComponents": { "van-popup": "/pages/vant-weapp/popup/index" }, "navigationBarTitleText": "成为会员" }
精选资源
vant-weapp-uniapp:vant-weapp的uniapp演示（仅微信小工具）
05-09
vant-weapp版本为1.6.7. vant weapp的组件库，都在工程的wxcomponents目录下。pages目录下是各个示例页面。 图片上传服务 提供了图片Nodejs服务 ，代码路径为\src\node-image-upload-server 安装npm包 npm install ...
微信小程序npm引入vant-weapp的踩坑记录
10-16
本文详细记录了在微信小程序项目中引入vant-weapp（一种基于Vue的轻量、可靠的移动端UI框架）时所遇到的一些问题及其解决方法。以下将根据文章内容，详细阐述微信小程序中使用npm引入依赖的流程、遇到的问题以及解决...
通过cdn引入vant，van-swipe-cell没有效果
扮老虎的猪
06-03 2824
前言 最近接手一个项目，是h5多页面，页面中使用了vant的一些插件，是通过cdn的方式引入样式和js的。使用
vant组件库的SwipeCell组件无法拖动，无法滑动，无样式等问题
xiaobuzq的博客
01-20 2154
如果发现组件没有样式的话，在上方导入对应的样式就可以了，这里导入的是SwipeCell组件样式，同理，发现哪个组件没样式就导入哪个组件的样式就可以了。使用了vant组件库的SwipeCell组件发现无法滑动，如何把浏览器切换成移动端是可以滑动组件的。查阅了资料，发现是pc端和移动的监听事件是不同的，需要下载一个插件才能在pc端使用。打开终端进行安装，我使用的是pnpm包管理工具，按自己使用的包管理工具来安装。然后在pc端就可以拖动和滑动了，这个组件在pc端有点难拖动，多试几次就好了。
【bug记录1】vant-swipe组件在ios上初始加载后右边显示存在空白间隙
最新发布
weixin_57208584的博客
07-29 640
是因为轮播图中的img元素，默认是inline元素，但却对它设置了宽高，期望它横向撑满父元素，但这其实是无效设置。但是从移动端进入web-view的时候，进入到页面轮播图一会显示正常，一会儿轮播图右边出现了空白间隙，时好时坏。因而可能导致swipe初始化的时候由于网络请求或者初始布局的原因，图片元素没能正确布局。开发的页面使用到了vant中的swipe组件去封装轮播图，在浏览器调试一切良好。元素的宽高就是它包含的文字或图片的宽高，不可设置改变。移动端的web-view业务项目开发。最后给img元素设置。
使用Vant组件中SwipeCell组件踩的坑
wangwangwang21的博客
05-25 3457
使用Vant组件中SwipeCell组件踩的坑 根据Vant官方文档使用方法，使用组件SwipeCell,加上案例中样式 .van-swipe-cell__right样式无效，代码如下（uni-app开发） <van-swipe-cell right-width="{{ 65 }}" v-for="(item, index) in memoryList" :key="index" > <van-cell-group>
小程序 SwipeCell 滑动单元格 怎么不显示
m0_72777472的博客
04-21 806
在页面的 xxx.json 引入"van-swipe-cell": “@vant/weapp/swipe-cell/index”页面中使用了SwipeCell 组件，组件不显位置，组件也不显示。
Vant Weapp SwipeCell滑动单元格组件的使用
热门推荐
阿盘的博客
07-07 1万+
首先我们来看看官方的文档 SwipeCell 滑动单元格 中间的代码和右边的预览都对不上，而且代码也不完整，不能一目了然。 那么根据我今天一天的使用体验，就让小弟我来给各位讲讲这个组件的使用方法和我遇到的问题。如果有错误的地方也希望各位多多指正。 Vant Weapp版本为1.7.1 ...
在uni-app中写微信小程序，引入vantWeapp库
weixin_48789376的博客
09-27 2079
背景 公司使用uni-app写小程序，这样在vant官网的vantweapp的引入方法就不起效果的，官网是针对使用微信小程序原生开发的。然后我也在网上百度了很多方法，但是对于我来说也不怎么起效果，现在记录一下我已经成功引入vantweapp的组件方法 如何引入 1.在项目的根目录的终端，输入命令npm i @vant/weapp -S --production，然后你的项目里就多了这样的文件 2.在根目录底下新建一个wxcomponents目录，然后将上图中dist文件夹拷贝到wxcomponents底下,
关于uniapp编译小程序出现报错:Component “组件路径“ does not have a method “__e“ to handle event
技术应让更广泛的人群流入到实际产品开发中才是正统
04-26 2872
首先不要怀疑官方的框架问题,如果框架有问题这么基础的早就修复了。
swiper、vant组件的基本使用方式以及$nextTick()的使用
m0_63851202的博客
01-26 3232
swiper swiper是轮播图插件 swiper的安装 npm i swiper@5.4.5 --save ps：(生产依赖是要放在服务器上的) swiper官网Swiper演示 - Swiper中文网收录了Swiper的40多个在线示例（swiper demos），Swiper是纯javascript打造的滑动特效插件，面向手机、平板电脑等移动终端，以及PC端网站能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果。https://www...
小程序中vant-weapp组件的引入与使用教程
例如，要在小程序页面中使用`van-popup`组件，需要先在该页面的JSON配置中声明`"van-popup": "/pages/vant-weapp/popup/index"`，之后才能在wxml文件中像使用原生标签一样使用`<van-popup>`标签。 3. **Vant-weapp...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值