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

2020-06-11 11:25:39 浏览数 (1)

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

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

直接代码吧

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

本文由 Alone88 创作,采用 知识共享署名4.0 国际许可协议进行许可 本站文章除注明转载/出处外,均为本站原创或翻译,转载前请务必署名 最后编辑时间为: Oct 21, 2019 at 08:11 pm

0 人点赞