博客列表 >uni-app,Vue 使用 filter 过滤或者替换 v-for 的值

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

dxp2tq的博客
dxp2tq的博客原创
2021年04月10日 15:53:451609浏览

今天做一个 列表循环的时候,有一个值是 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>

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议