微信小程序不能直接在页面使用函数,使用.wxs

使用过vue的都知道我们可以直接在页面上面进行函数表达式的计算。但是小程序却不允许。

我们要把函数定义在wxs里面。然后引入到当前的wxml页面中。

这样就可以嵌套了。

官方使用文档:

WXS 语法参考 | 微信开放文档

使用方法粘下来

在当前wxml同级文件夹下,新建一个tools.wxs的文件。然后定义你想用的函数。并且通过module.exports抛出

var foo = "'hello world' from comm.wxs";
var bar = function(d) {
  return d;
}
module.exports = {
  foo: foo,
  bar: bar
}

在wxml的页面中第一行引入

然后wxml可以利用这个module的filters 调用wxs里面的内容了

 {{filters.msg}} 
 {{filters.bar('llll')}} 

你可能感兴趣的:(小程序,微信小程序,小程序,前端)