【微信小程序-原生开发】wxml 支持 includes (wxml中执行函数的方法)

简介: 【微信小程序-原生开发】wxml 支持 includes (wxml中执行函数的方法)

默认在 wxml{{}}中,无法执行 includes ,可通过 wxs 实现,范例如下:


wxml 中


引入指定的 wxs ,module属性为模块名,src 属性为目标函数的地址


<wxs module="jstools" src="../../utils/wxs/includes.wxs"></wxs>


实现功能:当用户的角色列表中包含 “管理员” ,则可看到新人审核页面


<t-cell title="新人审核" wx:if="{{ jstools.includes(userInfo.roleList,'管理员')}}" arrow url='/pages/me/friend/new/index' />


utils\wxs\includes.wxs


var includes = function (array, searchElement) {
  return array.indexOf(searchElement) !== -1
}
module.exports = {
  includes: includes
}


若有更复杂的函数需要在wxml 中使用,可参考此方式实现。

目录
相关文章
|
3天前
|
小程序
微信小程序APPID的两种查看方法
查看微信小程序APPID的两种方法:1) 在小程序内点击右上角“...”,进入查看页面,点击“更多资料”查看;2) 登录微信公众平台([https://mp.weixin.qq.com/](https://mp.weixin.qq.com/)),进入【设置】查看“账号信息”。
25 1
|
3天前
|
小程序 开发者
uniapp实战 —— 开发微信小程序的调试技巧
uniapp实战 —— 开发微信小程序的调试技巧
10 1
|
3天前
|
小程序 定位技术 API
uniapp 开发微信小程序 --【地图】打开地图选择位置,打开地图显示位置(可开启导航)
uniapp 开发微信小程序 --【地图】打开地图选择位置,打开地图显示位置(可开启导航)
8 0
|
3天前
|
小程序 前端开发
【微信小程序-原生开发】实用教程22 - 绘制图表(引入 echarts,含图表的懒加载-获取到数据后再渲染图表,多图表加载等技巧)
【微信小程序-原生开发】实用教程22 - 绘制图表(引入 echarts,含图表的懒加载-获取到数据后再渲染图表,多图表加载等技巧)
17 0
|
3天前
|
小程序
【微信小程序-原生开发】实用教程21 - 分包
【微信小程序-原生开发】实用教程21 - 分包
9 0
|
3天前
|
前端开发 小程序
【微信小程序-原生开发】实用教程20 - 生成海报(实战范例为生成活动海报,内含生成指定页面的小程序二维码,保存图片到手机,canvas 系列教程)
【微信小程序-原生开发】实用教程20 - 生成海报(实战范例为生成活动海报,内含生成指定页面的小程序二维码,保存图片到手机,canvas 系列教程)
7 0
|
3天前
|
小程序 前端开发
【微信小程序-原生开发】添加自定义图标(以使用阿里图标库为例)
【微信小程序-原生开发】添加自定义图标(以使用阿里图标库为例)
14 0
|
4天前
|
小程序
【微信小程序-原生开发】富文本编辑器 editor 的使用教程
【微信小程序-原生开发】富文本编辑器 editor 的使用教程
14 0
【微信小程序-原生开发】富文本编辑器 editor 的使用教程
|
4天前
|
小程序
【微信小程序-原生开发】客服
【微信小程序-原生开发】客服
65 0
|
4天前
|
小程序 JavaScript 安全
【微信小程序-原生开发】转发给好友/群,分享到朋友圈(含单页模式访问云开发数据库的方法)
【微信小程序-原生开发】转发给好友/群,分享到朋友圈(含单页模式访问云开发数据库的方法)
8 0