小程序
小游戏
企业微信
微信支付
扫描小程序码分享
我的想法是:在得到图片路径后,都存进数组,然后的是图片的显示,iamge的src在数组里面去取,点击删除的时候,得到对应删除按钮的下标,通过这个删除下标去删除数组里的对应下标。实现应该可以。
现在遇到的问题:删除小图标的下标由那里来,怎么才能传到删除方法里?
有哪位,实现过吗?请给我点思路,甚是感谢,如有小程序-【小黄车ofo】的过路大神,你一定会做,因为我看到【小黄车ofo】发布动态页有这个功能,而且实现得挺好。
11 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
循环遍历一次把不需要删除的重新放进一个数组,在设置数组到data中。
ps:微信小程序真是给开发者添麻烦,垃圾产品一个。
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
能给我看看你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地址一一对应了么
小伙子你多半要废啊/滑稽
回复7楼:感谢你提供的解决思路,感谢!这个页面是用户添加本地图片的效果,就想朋友圈发布动态一样的。抱拳!
图片 列表不是后台给你的么
用个id 记着删了哪个啊 同步数据库去啊
wxml
给图片外面包裹一个父容器
<view class="{{isTrue?'hide':' '}}">
<image></image>
js
点击的时候通过e.currentTarget.dataset.index和你设置的index进行判断
相等就设置 isTrue为true
wxss
.hide{
display:none
设置隐藏,那获取图片的时候,又多了一个判断,好烦啊。。泪奔了
直接设置display:none 不就行了么
感谢。还想问一下,小程序是否可以删除数组指定下标
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里面
正在加载...
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
循环遍历一次把不需要删除的重新放进一个数组,在设置数组到data中。
ps:微信小程序真是给开发者添麻烦,垃圾产品一个。
能给我看看你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地址一一对应了么
小伙子你多半要废啊/滑稽
}
回复7楼:感谢你提供的解决思路,感谢!这个页面是用户添加本地图片的效果,就想朋友圈发布动态一样的。抱拳!
图片 列表不是后台给你的么
用个id 记着删了哪个啊 同步数据库去啊
wxml
给图片外面包裹一个父容器
<view class="{{isTrue?'hide':' '}}">
<image></image>
</view>
js
点击的时候通过e.currentTarget.dataset.index和你设置的index进行判断
相等就设置 isTrue为true
wxss
.hide{
display:none
}
设置隐藏,那获取图片的时候,又多了一个判断,好烦啊。。泪奔了
直接设置display:none 不就行了么
感谢。还想问一下,小程序是否可以删除数组指定下标
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
}