mpvue - vant weapp uploader中 带有'-'方法无效解决

最新推荐文章于 2024-07-15 15:21:26 发布
最新推荐文章于 2024-07-15 15:21:26 发布
阅读量2.1k 收藏 1
点赞数 2
分类专栏： mpvue 文章标签： vue mpvue vant weapp 驼峰
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/idomyway/article/details/103603148
版权

前言

    mpvue构建小程序，采用vant weapp新版1.0中的Uploader的时，使用after-read方法无效

解决方法

    mpvue文档中没发现以'-'链接的方法，而是使用的驼峰命名法。
在这里插入图片描述
    所以将vant源码中的after-read修改为afterRead,在组件页面中使用

@afterRead="uploaderAfter"

    这样就可以正常触发事件了

idomyway
关注
专栏目录
mpvue构建小程序
我的blog屋
03-09 573
新建工程 参考https://www.cnblogs.com/noahlam/p/8910026.html 注意：用微信开发者工具打开工程是在dist/wx目录下，因为新建工程只能使用空目录，所以要建立云开发的小程序，可以先新建工程，然后再把dist/wx下的内容替换过去就行了。 ...
Mpvue中使用Vant Weapp组件库的方法步骤
10-16
【标题】：在Mpvue项目中集成Vant Weapp组件库的详细步骤 【描述】：本篇文章将详细介绍如何在基于Mpvue的项目中利用Vant Weapp组件库，提供了一个实用的指南，帮助开发者避免常见问题，提高开发效率。 【标签】：...
小程序 vant UI 里的 Uploader 文件上传组件 bind:after-read无效问题
Ajaxguan的博客
03-31 7544
前言：在开发的时候采用的wepy +vant-weapp开发的 问题：遇见 Uploader 文件上传组件 bind:after-read方法无效问题 原因：wepy、mpvue框架 采用驼峰式写法 不支持 "-"写法 解决： 修改源码 打开uploader中的index.js 查找 "after-read" ,修改为 "afterread"...
Uniapp使用上传组件，回显时图片显示感叹号，含解决思路
最新发布
weixin_45935553的博客
07-15 1722
Uniapp使用上传组件，回显时图片显示感叹号的解决办法，利用Canvas解决上传时分辨率过大而导致无法回显的问题，压缩图片分辨率方法
微信小程序van-uploader的afterRead方法不生效
weixin_65287520的博客
01-19 880
after-Read，改成afterRead都试了，都没生效，最后发现自己特别蠢的是van-uploader上的属性类型不对：max-size="{{2*1024*1024}}"要的是number类型，我写成了string，其实console日志里面一直有提示，如下图。但是它不是标红色，所以我一直没都不太关注类似问题。记录的目的是想让大家一定要主要ui框架属性类型，包括方法的点击，有时候方法的使用是建立在属性有没有写，而且有没有写对。网上搜了好多方法，包括不支持驼峰法。
Vant Weapp小程序 van-uploader 文件上传点击无反应，删除无反应
coderYYY的博客
03-26 2057
van-uploader无法上传和删除解决方法
在使用微信小程序开发中用vant2框架中的Uploader 文件上传wx.uploadFile无反应和使用多图上传
daotianmi的专栏
04-24 2547
vant框架中的Uploader图片上传无反应的问题
vant的van-uploader在安卓机中点击无反应问题解决
njihkj的博客
05-16 1230
van-uploader加了accept，需要去做文件预处理，也就是要加上before-read，如果不加，就会导致点击无反应。
在mpvue框架中使用Vant WeappUI组件库的注意事项【推进】
12-09
- **事件名处理**：Vant Weapp的部分组件使用了带有短横线命名的事件，例如`bind:close`。在MPVue中，这种命名方式可能导致事件不生效。解决办法是找到`vant`目录下对应组件的`index.js`文件，将短横线命名改为Vue....
vantweapp源代码
01-25
源代码是软件开发的基础，对于Vant WeApp源代码的深入理解有助于开发者更好地定制化组件，优化性能，以及解决在实际项目中遇到的问题。以下是对Vant WeApp源代码中几个关键知识点的详细说明： 1. **组件化开发**：...
van-uploader上传图片报错Invalid handler for event “load“(在uniapp编译)
qq_45331969的博客
10-26 1354
主要原因这里使用的vant版本是2.13.0的，在Hbuild里面运行的项目，vant插件在这里会有部分组件有兼容问题，（van-image，van-uploader等）。：主要是要实现图片上传功能，可以使用uniapp自带的上传组件（
vue change事件重复上传同一个文件无响应，不触发回调事件
weixin_44237303的博客
01-11 539
change事件的触发条件是文件上传的内容需相较于上一次操作有所改变但是每次上传完文件，默认不会清空上一次上传的内容，因此上传同名文件不会再次触发change事件
mpvue微信小程序+vant时，upload组件无法进入after-read等回调函数
wly_er的博客
05-21 3031
问题：在使用mpvue开发小程序时，上传图片一直不能进入after-read回调函数。 解决办法：发现是不能识别短横线。因此需要改组件的源码。 第一步：修改vant组件里面的uploader/index.js文件。找到after-read，换成afterRead。 第二步：在组件使用的时候，同步将after-read 替换成 afterRead 此时，就能进入到afterRead的回调函数啦。 若其他回调也无法进入，可能也是这个原因，可同理进行修改。（未测试，个人认为） ...
vant 上传组件设置capture=“camera“无效
小小笨南瓜
01-14 1万+
vant 上传组件设置capture="camera"无效 甲方要求上传值调取摄像头，不调取相册 直接在vant uploader 加上 capture=“camera”，但加上后反而只能调取相册，无法调取摄像头 在网上看到解决方法： 将capture="camera"放在组件属性最后，仍未能解决 在github查到是accept影响 原来的写法： 改后： <van-uploader v-model="fileListBack" :after-read="onReadIdCardBa
Vue上传文件或图片第一次触发，第二次不触发的问题
Kino的博客
01-04 1668
这个问题主要是文件上传点击一次执行change事件，第二次点击相同的文件会上传不成功，主要是让file的target.value清空一下。 重置一遍value，至关重要。
小程序中H5页面使用van-uploader上传图片安卓手机调取相机失效问题
热门推荐
m0_46577631的博客
04-13 1万+
解决h5使用van-uploader组件上传图片调取安卓相机失效问题 <van-cell title="上传图片" /> <van-uploader v-model="fileList" :before-read="beforeRead" :after-read="afterRead" :before-delete="beforeDelete" :max-size="10*1024*1024"
vant 组件 ---h5使用van-uploader组件上传图片嵌套微信小程序安卓机器不显示相机（因ios不会出现问题，不做处理）
ZJ15981837003的博客
05-19 3191
vant 组件
vant van-uploader 微信内置浏览器 打开h5页面 无法调起手机拍照
u010227042的博客
01-29 5200
错误代码：（普通浏览器调起是正常的） 正确调起相机的代码： 仅此记录一下，期间各种折腾，jssdk的方式也出来了
AppCan内使用Vant Uploader组件 安卓无法打开摄像头解决办法
bydongxin的博客
09-02 6401
AppCan内使用Vant Uploader组件，原生h5无法打开安卓摄像头解决办法 改用AppCan插件解决，支持拍照上传，相册上传 <template> <div class="van-ov-upload-root"> <van-uploader ref="van_uploader" capture="camera" v-model="value" :ma
微信小程序快速集成vant-weapp教程
安装 vant-weapp 可以通过两种方法，一是使用 npm（Node Package Manager），二是使用 yarn。在命令行工具（如 cmd 或 PowerShell）中，切换到项目目录下执行相应的安装命令： - 使用 npm 安装： ``` npm i @...
评论 10
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值