wxs weixin script,小程序的脚本语言;可以结合wxml构建页面结构;
说白了 就是在小程序里面写函数表达式的地方;
wxml里面直接使用wxs,有错误再次刷新就能解决
<wxs module="info"> var str = \'小明\'; var fun = function (a,b){ return a + b } module.exports={ str : str, fun:fun } </wxs> <view>{{info.str}}</view> <view>{{info.fun(11,44)}}</view>
外部引入wxs语法
wxs.wxs
// 必须,只能用ES5语法; var str = \'小明\' var fun = function (a, b) { return a + b } module.exports = { // 这里不能简写; str:str, fun:fun }
引入的wxml页面
// 这里不能使用绝对路径,只能使用先对路径 // 只能一层一层玩外找; <wxs src="./wxs.wxs" module="info"/> <view>{{info.str}}</view> <view>{{info.fun(12,33)}}</view>
使用场景
定义变量
data: { num :22.232341 },
定义wxs方法
function floats(change,number){ // 判断有没有传参数,有就用他的没有就使用2 var number = number || 2; // 如果传的是字符串,转为数字 var f_change = fparseFloat(change) return f_change.toFixed(number) } module.exports = { floats: floats }
使用wxml
<wxs src="./wxs.wxs" module="info" /> <view>{{info.floats(num)}}</view>
喜欢的小伙伴可以关注我的微信公众“前端伪大叔”
请发表评论