美文网首页
【小程序】wxs过滤器的使用

【小程序】wxs过滤器的使用

作者: 空城皆是旧梦 | 来源:发表于2019-01-27 21:45 被阅读48次

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

小程序在渲染时如果需要对数据进行处理,可以使用其对应的js文件。但针对于该方法在多个页面重复使用的时候修改其对应的js文件工程量巨大,造成代码繁琐重复。

所以使用wxs可以有效的减少代码的冗余。其使用方法如下:

tools.wxs文件

var toolFr = {
    formatDateAll: function (time) {
        if (!time) return '';

        var date = getDate(time * 1000);
        var M = date.getMonth() + 1;
        var y = date.getFullYear();
        var d = date.getDate();
        var h = date.getHours();
        var m = date.getMinutes();
        var s = date.getSeconds();

        if (M < 10) M = "0" + M;
        if (d < 10) d = "0" + d;
        if (h < 10) h = "0" + h;
        if (m < 10) m = "0" + m;
        if (s < 10) s = "0" + s;
        return y + '-' + M + '-' + d + ' ' + h + ':' + m + ':' + s;
    },

}
module.exports = {
    formatDateAll: toolFr. formatDateAll
}

wxml文件

<!--  导入wxs文件 -->
<wxs module="toolFr" src="../../filters/tools.wxs"></wxs>

<view>截止时间:{{toolFr.formatDateAll(endTime)}}</view>

注意:wxs与javascript是不同的语言,有着其独特的语法。例如wxs生成 date 对象需要使用 getDate函数, 即返回一个当前时间的对象。

wxs更多详细语法

相关文章

  • 【小程序】wxs过滤器的使用

    WXS(WeiXin Script)是小程序的一套脚本语言,结合 WXML,可以构建出页面的结构。 小程序在渲染时...

  • 如何在小程序wxml文件中编写js代码

    当我们创建页面时 发现有个.wxs文件,关于wxs文件如何使用呢? WXS(WeiXin Script)是小程序的...

  • 2019-02-18

    小程序wxs的应用 一,什么是wxs, WXS(WeiXin ...

  • 微信小程序开发心得

    wxs使用限制 根据官方的文档介绍,在 iOS 设备上小程序内的 wxs 会比 javascript 代码快 2 ...

  • 小程序wxs的使用

    xxx.wxs 使用的时候在xxx.html中引入

  • 小程序中的的使用

    在小程序界面编写过程中,需要在赋值时候判断显示数据是否为空, 或者对显示对象进行拼接。如果可以在data里存储的变...

  • 微信小程序开发|小程序脚本语言 WXS

    微信小程序开发|小程序脚本语言 wxs WXS(WeiXin Script)是小程序的一套脚本语言,结合 WXML...

  • 小程序中使用wxs

    为什么要使用wxs?a:这样可以在wxml中调用方法,当前小程序只能{{}}的方式取值。b:wxs中的方法和js中...

  • 小程序使用之WXS

    原文链接:https://mp.weixin.qq.com/s/F1zzS7mvMpFaplq4KINzQg 之前...

  • 小程序使用之WXS

    了解些前端的知识,相对而言还是比较容易上手的,小程序的视图采用wxml 与 wxss 编写,对比前端就是html ...

网友评论

      本文标题:【小程序】wxs过滤器的使用

      本文链接:https://www.haomeiwen.com/subject/oibwjqtx.html