钉钉小程序报错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
          });
        }
      },
相关推荐
wno7042 分钟前
Spring Security权限控制
java·python·spring
杨运交37 分钟前
[071][验证码模块]基于Spring拦截器的验证码认证设计思想
java·后端·spring
Geek-Chow1 小时前
CountDownLatch in Java
java
SL_staff1 小时前
从RBAC到场景化授权:《无忧·企业文档》三级权限模型的技术实践解析
java·开源·产品
传奇开心果编程2 小时前
【springboot基础语法学与练】第 1 课:从零开始
java·spring boot·后端·学习
SL_staff2 小时前
财务系统慎用低代码?从数据模型闭环看合规落地的技术实践
java·低代码·全栈
滕州市燕猫虎计算机科技工作室个体工商户2 小时前
IDEA:Command line is too long
java·ide·intellij-idea
扶风ff2 小时前
练题簿小程序:家庭在线练题,课后复习更简单
学习·小程序
步行cgn3 小时前
Spring p 命名空间注入详解
java·前端·spring
YatHinLay3 小时前
MyBatis 流式查询实战:ResultHandler 处理海量数据
java