小程序中使用filter

小程序中使用filter  

一般我们在vue中使用filter是这样的

<!-- 在双花括号中 -->

{{ message | capitalize }}

<!-- 在 `v-bind` 中 -->

<div v-bind:id="rawId | formatId"></div>

小程序中不能向vue直接在js中去定义方法使用，

  1- 我们需要在与pages同级目录下定义一个文件夹 创建一个   文件名.wxs   文件

  2- 去定义一些方法  并module.exports 导出使用

 例如：

//转换时间戳 或者  2020-13-14 10:13:14  格式  、为 XX年XX月XX日

function formatY(ts) {

var d = getDate(ts)

return d.getFullYear() + "年" + ((d.getMonth() + 1) < 10 ? ("0" + (d.getMonth() + 1)) : (d.getMonth() + 1)) + "月" + (d.getDate() < 10 ? "0" + d.getDate() : d.getDate()) + "日"

}

//将自定义函数暴露出来

//形式为 对外使用的函数名：wxs中定义的函数名

module.exports = {

  formatY:formatY

}

  3- 在wxml 中引入wxs文件

<wxs module="filter_time" src="../../filters/filter_time.wxs"></wxs>

  4- 使用  

<view class="news-list-bottom">

   {{filter_time.formatY(需要转换的时间戳)}}

</view>

小程序中使用计算属性

js

data: { a: 1, b: 1, },

computed: {

  sum(data) {

    // 注意： computed 函数中不能访问 this ，只有 data 对象可供访问

    // 这个函数的返回值会被设置到 this.data.sum 字段中

   return data.a + data.b

  }

}

wxml

<view> {{sum}} </view>