05小程序WXS语法

Posted zach0812

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了05小程序WXS语法相关的知识,希望对你有一定的参考价值。

WXS概述: 

Weixin Script:

在传统的网页开发中,html中是可以写javascript代码的,而在小程序中,是不允许在WXML文件中写JavaScript的,但是有些时候,我们需要在wxml中实现一些逻辑的处理。比如举个例子,我们渲染一个数字到wxml中,在wxml文件中根据这个数字来渲染具体星期几。

这时候通过wxml文件中就做不了了,或者只能在JavaScript先计算好再渲染。

下面展示 在js中操作完之后,才能显示:

技术图片

 

 

技术图片

 

此时效果:

技术图片

 

 

虽然上面实现了显示星期的 需要,但是,这样无疑是麻烦的,

 

下面就可以借助 WXS 的语法 ,就可以解决, WXS 非常类似于 在html 中我们在 <script> </script> 中写 js代码, 

这里是在 <wxs> </wxs> 中写,  

技术图片

 

 

导出函数时的语法: 

module.exports.想在外面使用的函数名 = wxs 中的函数名,   

 

以上是关于05小程序WXS语法的主要内容,如果未能解决你的问题,请参考以下文章

10-微信小程序 WXS

WXS:微信小程序版JavaScript

微信小程序学习八 wxs

小程序--WXS

微信小程序零基础学 | 小程序语法

微信小程序视图层WXS_数据类型