前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >uni-app,Vue 使用 filter 过滤或者替换 v-for 的值

uni-app,Vue 使用 filter 过滤或者替换 v-for 的值

原创
作者头像
Alone88
修改2019-10-22 10:17:20
9.7K0
修改2019-10-22 10:17:20
举报
文章被收录于专栏:Alone88Alone88

今天做一个 列表循环的时候,有一个值是 unix 的时间,所以需要格式化 时间

就去找了下资料,可以通过 filter 来替换值

直接代码吧,代码简写了,只有重要部分

代码语言:txt
复制
<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>

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档