wxml循环遍历view模块,根据view的值的不同，点击view模块，跳转到不同的页面

模拟器页面效果

 

wxml代码

<view>
  {
  {mess}}
</view>
<!-- 图片模块 -->    <!-- style="" 里面写的是wxss -->
<view>
  <image src="https://z4a.net/images/2022/05/29/banner01.jpg" style="width: 100%;"></image>
</view>

<!-- 循环遍历模块 -->
<view style="width: 100%; height: 300rpx; background-color: rgb(43, 171, 245);">
  <view wx:for-items="{
  {list}}" bindtap="dispath" wx:for-index="index" data-text="{
  {item}}"   style="background-color: rgb(172, 197, 204);margin-bottom: 20rpx;">
    {
  {item}}
  </view>
</view>

wxjs代码

Page({
 
  /**
   * 页面的初始数据
   */
  data: {
    mess:' wxml循环遍历view模块,根据view的值的不同࿰