vant ,移动端实现渲染数组,图片上传的问题

在移动端开发中遇到一个问题,需要在后端返回的数组列表中实时展示图片并支持删除和增加操作。由于vant框架的上传组件限制,作者选择在外层div上添加点击事件来传递id,以此实现功能。通过点击事件,成功解决了传参问题,同时也提醒注意样式调整以符合UI设计。初次使用vant框架时遇到了不少挑战。
摘要由CSDN通过智能技术生成

          在开发移动端时,碰到了一个需求,在后端的返回的数组列表时,需要实时展示图片,并实现删除,以及增加的需求

          因为需要对应相应的id, 看了vant 框架中的上传文件的组件。 感觉有点麻烦,只允许在成功的回调的函数中,传递一个file参数。后来上网查阅了一下,可以传递其他参数,但是自己没有看明白。

         于是,想到了一个办法,可以在外层添加一个div , 给外层div加一个点击事件,通过事件进行传参,拿到对应的id  , 进行相应的操作。

     具体的代码如下:

       

   通过点击事件,就可以完美的解决这个传参的问题。

   最后还有就是 ,这个样式问题,一定要根据自己的ui设计图进行适当的修改。  不得不说,我当时用这个vant 框架的时候,因为第一次写移动端,碰到了好多的问题。

 

 

    

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值