微信小程序 - wxml 文件中模板语法不支持 indexOf 方法

简介: 微信小程序 - wxml 文件中模板语法不支持 indexOf 方法
  • 在开发小程序的时候发现 wxml 文件中模板语法不支持JS的这几个方法(目前所发现的):
1、Object.keys()   
2、toString()  
3、indexOf()
.......
  • 我们就需要通过 wxs 文件来进行扩展, 我们新建一个 tool.wxs 文件,位置随意,我这里是放到 utils 文件中,以 indexOf 进行举例:
  • tool.wxs :
// 扩展支持 indexOf
function indexOf (array, value) {
  return array.indexOf(value)
}
// 导出
module.exports.indexOf = indexOf
  • index.wxml:
    src 为路径,module 为在当前页面使用的属性名
<!-- 在头部导入扩展方法 -->
<wxs src="../../utils/tool.wxs" module="tool"></wxs>
<!-- 局部使用 -->
<view>{{ tool.indexOf(array, 'dzm') }}</view>
相关文章
|
3月前
|
小程序
|
3月前
|
编解码 小程序
微信小程序11177版本开启控制台方法
微信小程序11177版本开启控制台方法
|
23天前
|
小程序
java--微信小程序发送模板消息
java--微信小程序发送模板消息
72 0
|
3月前
|
小程序 JavaScript
微信小程序中的页面跳转(通过点击按钮、调用方法的形式)
这篇文章讲解了微信小程序中页面跳转的方法,包括使用按钮点击事件和调用方法实现跳转,以及推荐使用`this.pageRouter.navigateTo`代替`wx.navigateTo`的方式。
微信小程序中的页面跳转(通过点击按钮、调用方法的形式)
|
3月前
|
小程序 前端开发
|
3月前
|
小程序 JavaScript 前端开发
微信小程序开发必备前置知识:基本代码构成与语法
【8月更文挑战第8天】微信小程序的基本代码构成与语法
97 0
微信小程序开发必备前置知识:基本代码构成与语法
|
3月前
|
缓存 JavaScript 前端开发
微信 JS-SDK Demo “分享信息设置” API 及数字签名生成方法(NodeJS版本)
微信 JS-SDK Demo “分享信息设置” API 及数字签名生成方法(NodeJS版本)更新时间(2020-10-29)
|
4月前
|
小程序
同城拼车社交微信小程序模板源码
同城拼车社交微信小程序模板源码
74 6
|
4月前
|
小程序 前端开发
微信综合购物商城小程序ui模板源码
微信电商小程序前端页面,综合购物商城ui界面模板。主要功能包含:电商主页、商品分类、购物车、购物车结算、我的个人中心管理、礼券、签到、新人专享、专栏、商品详情页、我的订单、我的余额、我的积分、我的收藏、我的地址、我的礼券等。这是一款非常齐全的电商小程序前端模板。
90 4
|
4月前
|
小程序 前端开发
网络祭祀人物微信小程序模板源码
网络祭祀人物微信小程序模板源码
41 5