微信小程序中wxs文件的用法

微信小程序中的wxs文件，大家或多或少都有见过，但怎么使用呢？在项目开发中又能给我们带来什么便捷和解决什么问题呢？借助一个案例为大家介绍具体用法。

一、什么是wxs文件及wxs文件有什么作用

wxs相当于一个独立模块，相当于一个独立出来的module对象，通过module.exports向外暴露，在文件中引入即可使用。解决了在微信小程序中{{method(a,b)}}方法传值不触发的问题，在vue这样传值是可以的。可以用来解决多次if判断，利于代码优化提高复用性。

二、代码展示（.wxs）

var stateSet={"0-1":"已完成","0-0":"待回访","1-1":"已回访且已复购","1-0":"已回访"
}
var filter = {judgmentState: function (taskStatus,isRepurchase) {var statu=taskStatus+"-"+isRepurchasereturn(stateSet[statu])}
}
module.exports = {
judgmentState: filter.judgmentState
}
//不支持es6语法只能通过：进行暴露

.wxml

引入
<wxs module="getDate" src="./judgmentState.wxs"></wxs>
使用<view class="task-status-desc-{{item.taskStatus == 0 ? 'normal' : 'completed'}}">{{getDate.judgmentState(item.taskStatus,item.isRepurchase)}}</view>

微信小程序中wxs文件的用法相关推荐

微信小程序中 wxs的使用
本文简单介绍一下在开发微信小程序中怎么使用wxs 首先建个wxs的文件夹文件夹下有个 format.wxs fromat.wxs里代码: // 处理价钱格式保留小数 function pric ...
微信小程序中尺寸单位rpx及样式的用法
rpx单位是微信小程序中css的尺寸单位,rpx可以根据屏幕宽度进行自适应.规定屏幕宽为750rpx.如在 iPhone6 上,屏幕宽度为375px,共有750个物理像素,则750rpx = 375p ...
微信小程序中的页面文件和组件
页面文件页面构造器 JS文件页面的JS文件,用于书写当前页面所需要的脚本代码以及生命周期函数. Page() : 注册了一个页面接收一个对象,该对象用于配置当前页面所需内容. 该对象拥有的属性: ...
微信小程序在 wxml 文件中使用 Array.includes 方法
微信小程序中不能直接在wxml使用includes,否则不起作用需要通过wxs使用: 1.在wxs下创建一个includes.wxs var includes = function (array, ...
微信小程序的 .wxml文件中如何加入多个空格
微信小程序的 .wxml文件中如何加入空格一.直接按空格键二.使用不换行空格 ` ` 一.直接按空格键注意:连续多个空格被视为一个空格代码演示: <text> 你好按了一次空格键 ...
微信小程序中处理PDF文件
一直在尝试要在微信小程序中处理PDF文件,包括生成PDF文件和检测某个PDF文档的页数,但是微信小程序的接口不支持这个功能,只能是想办法在js文件中实现这个代码,这个代码的实现需要pdf-lib 这个 ...
php微信上传视频文件在哪里,微信小程序中实现上传视频的开发代码
本篇文章给大家带来的内容是关于微信小程序中实现上传视频的开发代码,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 其实这个比较简单,官方提供了API接口,基本上直接调用就可以了,话不多 ...
【微信小程序】WXS 脚本
概述 1.1.什么是WXS WXS(WeiXin Script)是小程序独有的一套脚本语言,结合WXML,可以构建出页面的结构. 1.2.WXS的应用场景 WXML中无法调用在页面的.js中定义的函数 ...
Canvas 动画引擎解析与微信小程序中的应用
点击观看大咖分享抗击疫情,腾讯云在行动.在开发微信小程序的过程中,我们经常需要展现一些图形和图表.目前市面上有好几款常用的图形库,在这些图形库的底层都有渲染引擎在支撑. ZRender 是其中一款非 ...

微信小程序中wxs文件的用法

微信小程序中wxs文件的用法相关推荐

最新文章

热门文章