收藏
回答

微信小程序怎么写点击view切换页面内容?

<view class="top">
    <text class="jine">{{jine}}</text>
    <text wx:for="{{array}}" wx:if="{{array.length>0}}" wx:for-item="item" class="jine2">
      <text wx:els>{{item.jine2}}</text>
    </text>
    <view class="top2">
      <text class="yx">{{yx}}</text>
      <text class="gg">{{gg}}</text>
      <text class="gg">{{hl}}</text>
    </view>
  </view>
  </view>
  <!-- 这是规格部分的代码 -->
  <view class="gg" wx:for="{{gmy}}" wx:for-item="item">
    <view class="ggg">
      <view class="guig">{{item.guig}}</view>
      <view class="div {{state==index?'active':'gui'}}" bindtap="select" data-key='{{index}}'>
          <text bindtap="jine2">{{item.gui}}</text>
      </view>
    </view>
  </view>



    gmy:[{
      guig:'规格',
      gui:'9粒*2板'
    },{
      gui: '一小时一粒'
    },{
      gui: '精神倍儿棒'
    }],
    jine:'¥',
    array:[{
      jine2: '27.93',
    },{
      jine2: '',
    }],


  select:function(e){
    this.setData({
      state: e.currentTarget.dataset.key
    })
    console.log(e.currentTarget.dataset.key)
  },





.div{
  font-size: 12px;
  padding: 3px 20px 3px 20px;
  border-radius: 25px;
  position: relative;
  top: 15px;
  background-color: #eef1ff;
  color: #6d88e6;
  border: 1px solid #7080bb;
}
.gui{
  border: 1px solid #cdcdcd;
  font-size: 12px;
  padding: 3px 20px 3px 20px;
  border-radius: 25px;
  position: relative;
  top: 15px;
  background-color: #efefef;
  color: #cdcdcd;
}
.top{
  margin-top: 40px;
  margin-left: 10px;
}
.jine{
  color: red;
  font-size: 12px;
}
.jine2{
  font-size: 18px;
  color: red;
  margin-left: 5px;
}
.top2{
  margin-top: 10px;
  font-size: 13px;
}
.yx{
  color: #a7a6ab;
}
.gg{
  color:#65667a;
}
.ggg{
  margin-left: 15px;
  font-size: 13px;
  margin-top: 15px;
}
.guig{
margin-top: 10px;
}
.gg{
  display: inline-block;
}
.hanl{
  margin-top: 35px;
  margin-left: 15px;
  font-size: 13px;
}



其实就是点击bindtap2的时候item.jine2改变一下金额量,麻烦大佬帮我看一下,我应该怎么写,在线等,挺急的,麻烦大佬一定一定帮我看看改怎么写,给点思路也好

回答关注问题邀请回答
收藏

2 个回答

  • 青馆.
    青馆.
    03-30

    像这样一个一个赋值吗

    03-30
    有用
    回复
  • 小满
    小满
    03-30

    点击就setData修改数组值,页面上也就变化了不是

    bindtap2(){

    this.setData({

    })

    }

    03-30
    有用
    回复 4
    • 青馆.
      青馆.
      03-30
      这个我试过了,这样的话是三个值都变成一样的了,我想点击三个显示不同的价格
      03-30
      回复
    • 小满
      小满
      03-30回复青馆.
      是的呀,因为你set了整个数组呀 Array[index]: xxx
      03-30
      回复
    • 小满
      小满
      03-30
      最简单的,单独拎处来一个展示金额的变量,去修改这个变量。
      03-30
      回复
    • 青馆.
      青馆.
      03-30回复小满
      还是改不来。。。emmmmm
      03-30
      回复
登录 后发表内容
问题标签