小程序基础学习(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>
相关推荐
windliang18 分钟前
Claude Code 源码分析(七):Skill 如何进入 Agent
前端·人工智能·面试
PNP Robotics21 分钟前
力控赋能具身|PNP机器人联合坤维亮相中国机器人学术年会
人工智能·机器学习·机器人
阿基拉de_Akir22 分钟前
跨层禁止:机器如何拦截非法语义绑定
人工智能
名不经传的养虾人28 分钟前
从0到1:企业级AI项目迭代日记 Vol.82|审批不再只写数据库,而是真正恢复执行
大数据·人工智能·ai编程·企业ai·多agent协作
≮傷£≯√44 分钟前
opencv 调节图片对比度和亮度
人工智能·opencv·计算机视觉
Microvision维视智造1 小时前
近十年视觉市场变化趋势分析——客户需求的三次跃迁
人工智能·计算机视觉·视觉检测·机器视觉
云简业财.AI1 小时前
业财活动 | 用真实业务场景来孵化业财AI产品的AI业财黑客松
人工智能·数字化转型·业财融合·云简业财·ai黑客松
MindUp2 小时前
面试录音视频的AI复盘方案:从语音转录到RAG问答的技术实践
人工智能·面试·音视频
阿部多瑞 ABU2 小时前
# 《器皿》
人工智能
向上的车轮2 小时前
AI Infra 是什么?AI Infra的发展趋势是怎样的?
人工智能