小程序，wxml页面里如何写JS代码?WXS如何模块化?
moboyou 2025-07-12 03:46 16 浏览
这篇接着上篇 小程序，跳转页面的两种方式及其页面传参数 继续讲，小程序wxml页面里如何写JS代码？wxs如何模块化？
第一个问题：
wxml页面要想类似HTML页面中写js代码，必须在页面中使用wxs标签包裹住JS代码，类似HTML中的JavaScript标签。
页面中先写好如下JS实现代码：
<wxs module="mymoule">
var showtxt="我是只说代码的大饼";
var addnum = function(value1,value2){
return value1+value2;
}
module.exports = {
showtxt:showtxt,
addnum:addnum
}
</wxs>
注意点：
- 必须使用module.exports 导出对象。
- wxs标签必须设置module变量名称，因为页面中就是通过该变量名称使用JS中的变量和方法。
页面中使用JS中的对象：
<view>{{mymoule.showtxt}}</view>
<view>{{mymoule.addnum(5,5)}}</view>
第二个问题，wxs如何模块化？
首先在pages目录下新建名称为wxsfile文件夹，右键新建文件，文件名称为demo.wxs。
其次，把刚才代码拷贝到demo.wxs文件里：
最后，在wxml页面的wxs标签中，通过src引用demo.js文件即可。