点击删除小图标,把对应图片删了,怎么做
发布于 7 年前 作者 xiuyingyuan 7302 次浏览 来自 问答

我的想法是:在得到图片路径后,都存进数组,然后的是图片的显示,iamge的src在数组里面去取,点击删除的时候,得到对应删除按钮的下标,通过这个删除下标去删除数组里的对应下标。实现应该可以。

现在遇到的问题:删除小图标的下标由那里来,怎么才能传到删除方法里?

有哪位,实现过吗?请给我点思路,甚是感谢,如有小程序-【小黄车ofo】的过路大神,你一定会做,因为我看到【小黄车ofo】发布动态页有这个功能,而且实现得挺好。

10 回复

回复7楼:感谢你提供的解决思路,感谢!这个页面是用户添加本地图片的效果,就想朋友圈发布动态一样的。抱拳!

感谢。还想问一下,小程序是否可以删除数组指定下标

Array 对象方法


方法        描述


concat()        连接两个或更多的数组,并返回结果。


join()        把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。


pop()        删除并返回数组的最后一个元素


push()        向数组的末尾添加一个或更多元素,并返回新的长度。


reverse()        颠倒数组中元素的顺序。


shift()        删除并返回数组的第一个元素


slice()        从某个已有的数组返回选定的元素


sort()        对数组的元素进行排序


splice()        删除元素,并向数组添加新元素。


toSource()        返回该对象的源代码。


toString()        把数组转换为字符串,并返回结果。


toLocaleString()        把数组转换为本地数组,并返回结果。


unshift()        向数组的开头添加一个或更多元素,并返回新的长度。


valueOf()        返回数组对象的原始值

这个列表是循环出来的  wx:for

<text class=‘de_icon’  bindtap=“fatherstaple” data-index="{{index}}">x</text>

js里面

 close: function (e) {

    var that = this;

    var index = e.target.dataset.index

}

图片 列表不是后台给你的么

用个id 记着删了哪个啊  同步数据库去啊

直接设置display:none 不就行了么

设置隐藏,那获取图片的时候,又多了一个判断,好烦啊。。泪奔了

wxml

给图片外面包裹一个父容器

<view class="{{isTrue?‘hide’:’ '}}">

    <image></image>

</view>

js

点击的时候通过e.currentTarget.dataset.index和你设置的index进行判断

相等就设置 isTrue为true

wxss

.hide{

display:none

}

能给我看看你js中image设置的什么吗?

data:{

    list: [

          {

           image:‘1.png’

          },    

         {

           image:‘2.png’

          },

         {

           image:‘3.png’

          },

        ],

}

这是js里的data 数据

<view  wx:for='{{list}}'>

    <text class='de_icon'  bindtap="close" data-index="{{index}}">x</text>

    <image src="{{item.image}}"></image>

</view>

 close: function (e) {

    var that = this;

    var index = e.target.dataset.index


用这个 index 把list 对应的index 删了  页面对应的图片不就没了么

然后处理过得list 不就是页面对应src地址一一对应了么

小伙子你多半要废啊/滑稽

}

循环遍历一次把不需要删除的重新放进一个数组,在设置数组到data中。

ps:微信小程序真是给开发者添麻烦,垃圾产品一个。

回到顶部