收藏
回答

列表渲染wx:for循环产生由模板template定义的代码段

问题模块 框架类型 问题类型 终端类型 微信版本 基础库版本
框架 小程序 需求 工具 1.02 1.02

已知:

1.列表渲染由template 定义的代码段(创造的作用)

<block wx:for="{{couponList}}" wx:key="" >

    <template is="discountStyle" data="{{...item}}"> </template>

</block>

2.template 定义的代码段中有一个button或image(不影响),这个button用于删除本身(消失的作用)

问题:

1.因为代码段执行可以产生很多view(一个view就是页面布局的一部分),我想让这个部分消失,有办法吗?

2.如果能获取到当前代码段的for-index也能进行删除,可以从这个couponList(用于渲染的数组)pop出这项,但能获得到当前的index吗?


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

1 个回答

  • 一碗nina
    一碗nina
    2018-06-06

    你好,可以向通过template is来控制渲染不同模版达到部分消失效果。

    2018-06-06
    赞同
    回复 2
    • Jianxing Liao(La Vida Seguirá)
      Jianxing Liao(La Vida Seguirá)
      2018-06-07

      谢谢。

      2018-06-07
      回复
    • Jianxing Liao(La Vida Seguirá)
      Jianxing Liao(La Vida Seguirá)
      2018-06-07

      谢谢!这是一个消失的方法,但对于我的要求可能不符合,不知道我的理解是否正确:is只是选择用哪个模板(可以通过三目运算等方法),我的button说白了就是一个删除按钮,点击这个按钮触发事件然后删除包含本身的一个界面,

      ,如该图所示,这三个部分都是通过

      <block wx:for="{{couponList}}" wx:key="" >

          <template is="discountStyle" data="{{...item}}"> </template>

      </block>

      的for渲染产生的,template无法获得某个部分的index,所以我点击删除按钮时不知道删除的是它。

      晚上想了一下,单独将button提取出来,变成下面的样子:

      <block wx:for="{{couponList}}" wx:key="" >

          <template is="discountStyle" data="{{...item}}"> </template>

          <button data-id="index"></button>

      </block>

      这样就获得了该部分的index,我就能执行删除操作了。目前已经实现了自由产生某部分,删除某部分,该部分类似于这样:

      大致的样式如图:,点击“+”号按钮,弹出弹窗填写内容,然后生成一个部分,点击删除则删除该部分。


      2018-06-07
      回复