收藏
回答

点击删除小图标,把对应图片删了,怎么做

问题模块
API和组件


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

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


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

最后一次编辑于  2017-05-16  (未经腾讯允许,不得转载)
邀请回答
复制链接收藏关注问题回答

11 个回答

  • 骑乌龟狂奔
    骑乌龟狂奔
    2017-05-16

    用wx:for来渲染图片  ,给小图标设置data-index属性,点击的时候通过e.currentTarget.dataset.index和你设置的index进行判断(ps:我随便说说的)

    2017-05-16
    赞同
    回复
  • You can you up
    You can you up
    2017-05-16

    这个列表是循环出来的  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

    }

    2017-05-16
    赞同
    回复
  • mpview🌴 🇨🇳
    mpview🌴 🇨🇳
    2017-05-16

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


    Array 对象方法
    方法        描述
    concat()        连接两个或更多的数组,并返回结果。
    join()        把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。
    pop()        删除并返回数组的最后一个元素
    push()        向数组的末尾添加一个或更多元素,并返回新的长度。
    reverse()        颠倒数组中元素的顺序。
    shift()        删除并返回数组的第一个元素
    slice()        从某个已有的数组返回选定的元素
    sort()        对数组的元素进行排序
    splice()        删除元素,并向数组添加新元素。
    toSource()        返回该对象的源代码。
    toString()        把数组转换为字符串,并返回结果。
    toLocaleString()        把数组转换为本地数组,并返回结果。
    unshift()        向数组的开头添加一个或更多元素,并返回新的长度。
    valueOf()        返回数组对象的原始值

    2017-05-16
    赞同
    回复
  • 骑乌龟狂奔
    骑乌龟狂奔
    2017-05-16

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

    2017-05-16
    赞同
    回复
  • mpview🌴 🇨🇳
    mpview🌴 🇨🇳
    2017-05-16

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

    2017-05-16
    赞同
    回复
  • 骑乌龟狂奔
    骑乌龟狂奔
    2017-05-16

    wxml

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

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

        <image></image>

    </view>

    js

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

    相等就设置 isTrue为true

    wxss

    .hide{

    display:none

    }


    2017-05-16
    赞同
    回复
  • You can you up
    You can you up
    2017-05-16

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

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

    2017-05-16
    赞同
    回复
  • mpview🌴 🇨🇳
    mpview🌴 🇨🇳
    2017-05-16

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

    2017-05-16
    赞同
    回复
  • You can you up
    You can you up
    2017-05-17

    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地址一一对应了么

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

    }


    2017-05-17
    赞同
    回复
  • 骑乌龟狂奔
    骑乌龟狂奔
    2017-05-17

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

    2017-05-17
    赞同
    回复