小程序笔记--wxs

  在小程序开发中，当我们渲染一个列表，需要对某一条目的的属性做操作(如截取)时，不能直接在{ { }}里面做操作，需要将操作的脚本写在.wxs文件中，相当于是一个工具类。

  使用步骤:(1)建立.wxs文件，文件里写对应的具体操作；(2) 在待使用页面 使用<wxs src="/path" module="tools" />引入; (3)在插值{ {}}中使用tools.method_name(para)

1 tool.wxs

function mysub(str,start,end) {
  return str.slice(start,end);
}

module.exports.mysub = mysub;

2 使用的地方:

<!--pages/posts/wxs/wxs.wxml-->
<wxs src="../../utils/tool.wxs" module="mytool">
</wxs>
<view>
  <view>{
   
   {mytool.mysub("HelloWorld",0,5)}}</view>
</view>

界面输出: Hello

注：src=“path”,path需要写成相对路径；