3.微信小程序之WXS模块

版权声明:本文为博主原创文章,未经博主允许不得转载 https://blog.csdn.net/panzina/article/details/82968586

WXS( WeiXin Script)是小程序的一套脚本语言,结合wxml可以构建出页面。

如何写一个wsx?

要给其声明一个名字 , 如module=“tool”;
exports:通过该属性,可以对外共享本模块的私有变量与函数

<wxs module="tool">
function createNames(names) {
  return names.split(',')
}

module.exports = createNames;
</wxs>

使用

<view wx:for="{{tool(names)}}">{{item}}</view>

names的数据在xxx.js中写

data: {
    names:'aaa,bbb,ccc,ddd',
  },

输出

在这里插入图片描述

也可以在新建一个文件,然后在xx.wxml页面引入

<wxs src="tool.wxs" module="tool"></wxs>

猜你喜欢

转载自blog.csdn.net/panzina/article/details/82968586