微信小程序数据列表点击会有提示

最新推荐文章于 2024-08-26 17:31:40 发布

热忱学习

最新推荐文章于 2024-08-26 17:31:40 发布

阅读量641

点赞数

分类专栏：前端小程序文章标签：小程序

本文链接：https://blog.csdn.net/qq_42180156/article/details/106143213

版权

前端同时被 2 个专栏收录

26 篇文章 0 订阅

订阅专栏

小程序

10 篇文章 0 订阅

订阅专栏

业务需求

点击感叹号会有一行提示

代码实现

    <image src="../../../static/images/jinggao.png" wx:if="{{contract.contract_status=='USEING'&&!contract.contract_account}}" data-sn="{{contract.contract_sn}}" bindtap="showTip" data-index="{{index}}"></image>

        <view id="tip" wx:if="{{contract.contract_status=='USEING'&&!contract.contract_account && contract.showTip}}">您需要支付预定商品的20%作为预交款</view>

绑定data-index ="{{index}}",在点击事件bindtap="showTip"中

  showTip(e){
    console.log(e)
    let index = e.currentTarget.dataset.index
    this.data.contract_list[index].showTip = !this.data.contract_list[index].showTip
    this.setData({
      contract_list: this.data.contract_list,
    })
  },

添加showTip属性用showTip来判断显示与隐藏