当前位置: 首页 > Web前端 > JavaScript

微信小程序实现计算属性

时间:2023-03-27 18:16:15 JavaScript

上一篇博客讲了小程序对watch机制的实现。本文介绍如何实现计算属性。小程序的计算属性与Vue.js不一样——小程序定义在.wxml(不是.js)文件中(实际上是借用wxs标签实现的):module.exports={reverse:function(str){returnstr.reverse()},arr2Str:function(arr){returnarr.join(',')}}{{fn.reverse('大海爱奔跑')}}{{fn.arr2Str(['Vue','Node','Applet','JS','CSS'])}}}提示很可能会用到计算属性中的数据。个人测试后好像不能引用,也就是不能通过this.data.xxx访问。可以用另一种方式实现——在调用的地方,传递函数中要使用的数据域,例如:module.exports={getText:function(keyword,length){//这里不能使用`${xxx}`格式,否则会报错return'keyword'+keyword+'matchto'+length+'results'}}{{fn.getText(关键字,名称。长度)}}