钉钉小程序报错data.formatTime is not a function是因为 axml 模板中不能直接调用 Page 内自定义方法!

我在js里面写了个formatTime方法

复制代码
Page({
  data: {
    pageNum: 1,
    pageSize: 10,
    loading: false,
    total: 0,
    workList: [],
    token: "",
    // 【新增】搜索筛选条件
    searchTitle: "", // 标题搜索
    selectDate: "", // 选择日期 yyyy-MM-dd
    // 【新增】展开控制:key=工单id,value=true/false 是否展开列表
    expandWorkIds: {},
    // 查询列表缓存 key=工单id,value=查询的数组
    workDealerMap: {}
  },
  formatTime(timeStr) {
    if(!timeStr) return ''
    return timeStr.split('T')[0]
  },

然后在axml里面写这个时间显示: <text>时间:{{formatTime(item.maintainTime)}}</text>

复制代码
<!-- 测试列表 -->
<scroll-view scroll-y>
  <block a:for="{{workList}}" a:key="id">
    <view class="work-item">
      <!-- 测试主行 -->
      <view class="work-head" data-workid="{{item.id}}" onTap="toggleWorkExpand">
        <view class="work-info">
          <text>标题:{{item.maintainTab}}</text>
          <text>时间:{{formatTime(item.maintainTime)}}</text>
        </view>
        <view class="arrow {{expandWorkIds[item.id] ? 'arrow-down' : 'arrow-right'}}">▶</view>
      </view>

结果页面报错

控制台报错信息打印如下

ata.formatTime is not a function

Please check your axml:

in pages/testList/testList

这是钉钉小程序 axml 模板中不能直接调用 Page 内自定义方法!

这个优化方案踩坑了,模板无法直接执行页面 js 里的函数,导致页面直接崩溃

我暂时不知道怎么跨过去调用,先在这个里头来循环跑一下,预处理所有数据的时间

复制代码
success: (res) => {
        console.log("接口success回调,返回数据:", res.data);
        const result = res.data;
        if (result.code === 401) {
          dd.showToast({ title: "登录认证失效,请重新获取token", icon: "none" });
          return;
        }
        if (result.code === 200) {
          const rows = result.rows || [];
          // =========在这个里头来循环跑一下,预处理所有数据的时间=========
          rows.forEach(row=>{
            if(row.maintainTime){
              row.maintainTime = row.maintainTime.split('T')[0]
            }
          })
          // =====================================
          const total = result.total || 0;
          let oldList = this.data.workList;
          const newList = refresh ? rows : [...oldList, ...rows];
          this.setData({
            workList: newList,
            total: total,
            pageNum: page
          });
        }
      },
相关推荐
·薯条大王10 小时前
经济实惠玩云服务器|一台云服务器多人共用,子账号配置教程
java·linux·运维·服务器·汇编·c++·python
ZJH__GO13 小时前
网络编程v4pro--实现聊天室文件传输功能
java·服务器·网络·计算机网络
程序员黑豆13 小时前
Windows 系统 Java 环境变量配置全攻略:解决“不是内部或外部命令”
java·前端·ai编程
命运之光14 小时前
【C语言完整代码】就诊信息管理系统
java·c语言·开发语言
凤山老林14 小时前
Spring Boot @Async 线上实战:从默认配置到生产级线程池治理
java·spring boot·后端
marvelyu14 小时前
每天10分钟学会OceanBase系列(Day 20):跨机房容灾实战——构建多数据中心高可用架构
java·大数据·数据库
AI人工智能+电脑小能手16 小时前
大白话说Java设计模式-04-工厂方法模式(业务实战篇)
java·设计模式·工厂方法模式·架构设计·代码解耦
BUG指挥官16 小时前
Sa-Token和Spring Security对比
java·后端·spring
小当家.10516 小时前
深入理解 ReAct Agent:从原理到 Java 实战
java·react.js·agent·react·架构设计·agent设计