微信小程序知识点清单

微信小程序

1. wxs 的简单应用

微信小程序的wxml模板语法不支持 数组的 slice 等方法，但实际开发过程中又必不可少，就可以新建wxs文件配合wxml来实现。

WXS（WeiXin Script）是小程序的一套脚本语言，结合 WXML，可以构建出页面的结构。

image
  • 根目录下新建utils目录，在新建文件 filter.wxs（路径随意，只是个人习惯）
  • 在wxs文件中
var tagsSlice = function (arr, start, n) {
  var arrT = arr.slice(0)
  return arrT.slice(start, n)
}

// 导出
module.exports = {
  tagsSlice: tagsSlice
}

注意事项

在wxs文件中，不支持ES6语法，所以只能使用var关键字，不能使用箭头函数等。

  • 在wxml中使用
<wxs src="../../../utils/filter.wxs" module="filter"/>

<view class="logo">
   {{ filter.tagsSlice(companyName, 0, 4) }}
</view>
posted @ 2022-08-11 14:42  shine_lovely  阅读(298)  评论(0)  编辑  收藏  举报