• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

小程序wxs是作用

原作者: [db:作者] 来自: [db:来源] 收藏 邀请
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>

喜欢的小伙伴可以关注我的微信公众“前端伪大叔”

 

 


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap