小程序基础学习(wxs)

复制代码
<!--pages/three/three.wxml-->
<navigation-bar title="牧原" back="{{false}}" color="black" background="#FFF"></navigation-bar>
<wxs module="format">
function formatPrice(price){
  return "$" + price
}
module.exports={
  formatPrice:formatPrice
}
</wxs>
<view>
  <block wx:for="{{book}}" wx:key="id" >
  <view>
    name:{{item.name}}  ----price{{format.formatPrice(item.price)}}
  </view>
    
  </block>
</view>

data: {
    book:[
      {
        "id":123,
        "name":"牛马程序员",
        "price":100
      },
      {
        "id":1234,
        "name":"牛马程序员4",
        "price":1004
      },
      {
        "id":1235,
        "name":"牛马程序员5",
        "price":1005
      },
      {
        "id":1236,
        "name":"牛马程序员6",
        "price":1006
      },
  ]

  },

第二张方案吧wxs导出到外部文件

复制代码
function formatPrice(price){
  return "$" + price
}
module.exports={
  formatPrice:formatPrice
}

再导入外部文件路径即可

复制代码
<wxs module="format" src="/utils/format.wxs">

</wxs>
相关推荐
Micheal_NET5 小时前
Microsoft Agent Framework-C#企业级 AI Agent 平台架构
人工智能·架构
小马过河R5 小时前
微前端实践:从概念、原理到 qiankun 落地
前端·人工智能·前端框架
并红塔5 小时前
AI Agent 多智能体编排架构实战:从PoC到事件驱动的架构演进与踩坑全记录
人工智能
Cloudtechnology5 小时前
GEO服务商哪家好?2026年头部服务商技术路线、行业适配与ROI数据全解析
大数据·人工智能
集之互动5 小时前
坚守合规传播底线 集之互动AI TVC重构大健康品牌精细化传播体系
人工智能·重构
动物园猫5 小时前
钢材表面缺陷目标检测数据集:6类别 | 目标检测
人工智能·目标检测·计算机视觉
zyplayer-doc5 小时前
企业文档的进化:网盘和在线文档的下一个升级方向—知识库系统
java·大数据·数据库·人工智能·ocr
Kobebryant-Manba5 小时前
Bert预训练数据&代码
人工智能·深度学习·bert
geneculture5 小时前
基于融智学范畴论、双重形式化与中文屋解密的第二代计算范式
大数据·人工智能·智慧系统·融智学的重要应用·融智时代(杂志)