uni-app,Vue 使用 filter 过滤或者替换 v-for 的值
16lz
2021-04-10
今天做一个 列表循环的时候,有一个值是 unix 的时间,所以需要格式化 时间
就去找了下资料,可以通过 filter 来替换值
直接代码吧,代码简写了,只有重要部分
<template>
<view class="" v-for="(item,index) in jokes" :key="index">
<view class="margin-top">
<uni-card :title="item.title" :note="item.unixtime|dateFormat"><!-- 值的后面 加上过滤器 -->
<text selectable="true" @click="copyData" :data-con="item.content">{{item.content}}</text>
</uni-card>
</view>
</view>
</template>
<script>
export default{
data(){
return {
jokes:[]
}
},
//定义过滤器
filters:{
dateFormat(value){
return utils.timeTodate(‘Y-m-d H:i’,value*1000)
}
}
}
</script>
更多相关文章
- 【JavaScript案例】视口高度,元素位置、滚动高度等位置属性详解及
- Linux核心技能与应用
- MySQL提升课程 全面讲解MySQL架构设计
- 2行代码实现小程序直接分享到微信朋友圈功能
- Python运行快捷键是什么?有哪些常用快捷键?
- 零基础Python入门教程第7节:流程控制
- SwiftUI - 百行代码变十行,Swift再创辉煌!
- 创建一个成熟的GitOps流水线,需要做哪些决定?
- 第122天:Flask 单元测试