vue 过滤器

时间：2019-06-28 10:28:30 阅读：99 评论：0 收藏：0 [点我收藏+]

vue 有时候要改变date里的数据为大写，一般采用方法，但是方法不能缓存，计算属性要重新设置值，过滤器改变数据展示，但是不该变原始数据

过滤器有全局过滤器和局部过滤器

代码如下：

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<meta http-equiv="X-UA-Compatible" content="ie=edge">

<title>Document</title>

</head>

<body>

<div id="app">

{{uname | uppper}}

</div>

</body>

</html>

<script src="./node_modules/vue/dist/vue.min.js"></script>

<script>

// 过滤器改变数据展示，不改变原始数据

// 分全局和局部

Vue.filter(‘uppper‘, function (value) {

console.log(value); //value就是要过滤的date中的lily值

return value.toUpperCase()

})

let vm = new Vue({

el: ‘#app‘,

data: {

uname: ‘lily‘

}

})

</script>

vue 过滤器

原文地址：https://www.cnblogs.com/zhx119/p/11101218.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

周排行