收藏
回答

条件渲染如何添加变量

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

- 我需要根据条件动态改变view的样式?如:

<view wx:if="{{index == select_index}}"  class='tr bg-g' bindtap='select_data' style ='background-color:{{select_color}}' id='{{index}}'>


- 能否实现index==select_index这样的变量判断?


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

1 个回答

  • 赵青山
    赵青山
    2019-01-01

    一般都用三目运算法

    class="classa {{index==select_index?'classb':'classc'}} "

    2019-01-01
    有用
    回复 5
    • 汤不烫🙈
      汤不烫🙈
      2019-01-01

      关键是index==select_index,这个表达式wx:if不认。如果定成这样:index==4它就可以正常判断了

      2019-01-01
      回复
    • 汤不烫🙈
      汤不烫🙈
      2019-01-03

      微信小哥,能否给个提示呀!_!

      2019-01-03
      回复
    • 赵青山
      赵青山
      2019-01-03

      你做个代码片段吧https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html

      2019-01-03
      回复
    • 汤不烫🙈
      汤不烫🙈
      2019-01-03回复赵青山

      我知道怎么回事了。^_^

      数据绑定,数据绑定,数据绑定。重要事情说三遍,这里wx:if="{{index == select}}"属于UI界面中的东西。如果要和js中相互关联一定要用“数据绑定”。即在js中用this.setData({select_index: this.data.select_index});将js中的变量与wxml中的变量绑定!!!!

      <view wx:if="{{index == select_index}}"  class='tr bg-g' bindtap='select_data' style ='background-color:{{select_color}}' id='{{index}}'>

      我这里是用来处理:表格的选中

      2019-01-03
      回复
    • 汤不烫🙈
      汤不烫🙈
      2019-01-03回复赵青山

      感谢,感谢!

      2019-01-03
      回复
登录 后发表内容