vue 过滤器管道符 {{ | }}

过滤器又称管道符 : | ←就是这个竖线! 叫管道符将一串数据A拿去处理,处理完之后继续拿来用,且不会影响原来的数据A,也不会改变是一个方法?通过参数的方式接受处理的数据,通过返回值的方式告诉Vue显示什么过滤器 — Vue.js<template>}{{item.addtime | afterTime }}</template><script> 写在exp

时光机上敲代码

8267人浏览 · 2021-04-24 01:47:27

时光机上敲代码 · 2021-04-24 01:47:27 发布

过滤器又称管道符 : | ←就是这个竖线! 叫管道符

将一串数据A拿去处理,处理完之后继续拿来用,且不会影响原来的数据A,也不会改变

是一个方法?通过参数的方式接受处理的数据,通过返回值的方式告诉Vue显示什么

过滤器 — Vue.js

<template>}{{item.addtime | afterTime }}</template>

<script> 写在export default里面的data同级后面

filters:{

afterTime(value){

console.log(value);

let timeArr=value.split('T');

return timeArr[0];

}

},

</script>

如果想在filter方法中传递参数时，如下：

<template>}{{item.addtime | afterTime('params') }}</template>

<script> 写在export default里面的data同级后面

filters:{

    afterTime(value,params){

        console.log(value);

        let timeArr=value.split('T');

        return timeArr[0];

    }

},

</script>