微信小程序，循环遍历view模块,根据view的值的不同，点击view模块，跳转到不同的页面

最新推荐文章于 2025-06-21 12:53:01 发布

原创

最新推荐文章于 2025-06-21 12:53:01 发布 · 7k 阅读

10 ·

CC 4.0 BY-SA版权

前端页面效果如下：

WXML代码

<!-- 铜陵力凡公司 -->
<view class='head'>
{
  
  {mess}}
</view>
<!-- 图片模块 -->
<view>
<image src="/images/logo.jpg" class='img'></image >
</view>
<!-- 循环遍历模块 -->
<view class='center'>
<view class="part"  wx:for-items="{
  
  {list}}" bindtap="dispath" wx:for-index="index" data-text="{
  
  {item}}">
{
  
  {item}}
</view>
</view>
<view>
</view>
<view wx:if="{
  
  {flag?true:false}}" class="version">
{
  
  {versioninfo}}
</view>

js代码

Page({

  /**
   * 页面的初始数据
   */
  data: {
    mess:'铜陵力凡有限公司',
    list: ["我发布的项目", "友情咨询", "支持服务类型","更多"],
    flag:false,
    versioninfo:"小程序开发者-田江南",
  },
  //点击不同的模块，