记录小程序中经常犯的错误---在wxml中使用js方法（打脸不）

习惯js，总在小程序的wxml中使用js方法，导致出不了效果也不报错，比如indexOf

事实上，应该引用wxs来实现indexOf，官方文档的框架目录中，包含有wxs的详细解释。

WXS 语法参考

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

WXS 与 JavaScript 是不同的语言，有自己的语法，并不和 JavaScript 一致。

 

还是拿indexOf来举例，我需要创建一个wxs文件（util.wxs），内容如下

function indexOf(arr, val) {

  if (arr.indexOf(val) < 0) {

      return false;

  } else {

      return true;

  }

}

module.exports={

  indexOf:indexOf

}

 

在wxml中引用

<wxs module="tools" src="../../../utils/util.wxs"></wxs>

在wxml中使用具体方法时

<checkbox value="{{item.rightId}}" checked="{{tools.indexOf(currentAdmin.right,item.rightId)}}" />

 

这样就可以实现js中indexOf的方法了