小趴菜w 2022-06-23 15:34 采纳率: 100%
浏览 249
已结题

微信小程序:如何将js中数据通过wxml在界面显示

问题遇到的现象和发生背景

微信小程序
无法将js中数据通过wxml在界面显示,或者说显示不全

问题相关代码,请勿粘贴截图

.js文件如下:

Page({
  data: {
    names: [
        '治疗列表',
        '约诊',
        '消息',
        '顾客信息'
    ],
    navsText: [
        '../appointment/appointment',
        '../customer/customer',
        '../disposalList/disposalList',
        '../message/message',
    ]
  },
    //事件处理函数
  changeMotto: function(btn) {
    //获取button的target下的id参数
    var path;

    var num = btn.target.id;

    switch(num)
    {
        case '0':
           path = '../appointment/appointment'
           break;
        case '1':
           path = '../customer/customer'
           break;
        case '2':
           path = '../disposalList/disposalList'
           break;
        case '3':
           path = '../message/message'
           break;
        default:
           break;
    }

    wx.navigateTo({
 
        // switch
      url: path
    })
  }
})

.wxml文件如下:


<view class="downView">
    <image class="topImage" src="/image/图片1.png"></image>
    <view class="nameBoard">
      <block wx:for="{{names}}" wx:for-index="Index" >
        <swiper-item>
            <button class="nameBoard-btn" bindtap="changeMotto" id="{{index}}">
                <image class="nameBoard-image" src="/image/icon_API_HL.png"></image>
                <text class="nameBoard-text">{{item}}</text>
            </button>
        </swiper-item>
      </block>
    </view>
</view>



运行结果及报错内容

结果如下:无报错

img

我的解答思路和尝试过的方法

基本网上查到的都试了一下,但是可能理解不到位,还是没有成功,有时四个数据都出来了但是点击按钮没有反应

我想要达到的结果

四个按钮都读出来,并且点击按钮可以进行跳转

  • 写回答

1条回答 默认 最新

  • 你好!机器人 2022-06-23 16:50
    关注

    改成一致的,index

    img

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

问题事件

  • 系统已结题 7月2日
  • 已采纳回答 6月24日
  • 请采纳用户回复 6月24日
  • 创建了问题 6月23日

悬赏问题

  • ¥15 mrk3399刷完安卓11后投屏调试只能显示一个设备
  • ¥20 白日门传奇少一个启动区服和启动服务器的快捷键,东西都是全的 , 他们说套一个出来就行了 但我就是弄不好,谁看看,
  • ¥100 如何用js写一个游戏云存档
  • ¥15 ansys fluent计算闪退
  • ¥15 有关wireshark抓包的问题
  • ¥15 需要写计算过程,不要写代码,求解答,数据都在图上
  • ¥15 向数据表用newid方式插入GUID问题
  • ¥15 multisim电路设计
  • ¥20 用keil,写代码解决两个问题,用库函数
  • ¥50 ID中开关量采样信号通道、以及程序流程的设计