微信小程序，weixin，求助，一个循环列表，点击自身时增加一个样式

Posted 2023-04-27

参考技术A 第一步，把要改变样式添加到相应js文件的全局变量中，如： data : color : '#000'
第二步，将变量绑定到view中,如：<view style="color:color">
第三步，在view中添加事件，如： bindtap="changeColor"
第四步，在相应js文件中添加该自定义方法：
, changeColor: function(e)
this.setData( color : '#fff' );
本回答被提问者采纳 参考技术B .solidRed border: 1px solid #ff6850 !important;

<view class="xxx Item==index?'solidRed':''" wx:for="xxx" 
bindtap="Select" data-numid="index">item.xxx</view>

data: Item:0
Select: function (e) 
 var id = e.target.dataset.numid;
    that.setData(
      Item:id
    )

微信小程序通过for循环实现列表渲染

问题

大家学习程序设计都知道for循环，而且很多编程都需要用到for循环。在制作微信小程序特别是列表页面的时候，是否有遇到过列表元素很多或者不确定的情况，如果一个一个的去敲就会有很大的工作量非常的麻烦。那么可不可以用for循环来解决这个问题呢？

方法

编程的人都知道for循环是一种循环语句。当元素的数量很多的时候，用for循环来遍历元素解决一些问题就显得非常的方便。微信小程序也一样，大家通常看到的一些列表页面都是由很多的元素组成的，如果一个框框一个框框的去写代码效率就特别低了。但是用小程序中wx：for属性就可以实现对列表的快速渲染了。

代码实现：

在js 中对页面内容定义各种数据构成一个对象数组；

novel是对该组数据的命名。

Page(
   

  data: 
   

    novel:[

      
   

        <