vue 过滤器的基本使用

Dear 丶 2022-02-21 09:43 295阅读 0赞

> <!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>  
>   <script src="./lib/vue-2.4.0.js"></script>  
> </head>
> 
> <body>  
>   <div id="app">  
>     <p>\{ \{ msg | msgFormat('疯狂+1', '123') | test \}\}</p>  
>   </div>
> 
>   <script>  
>     // 定义一个 Vue 全局的过滤器，名字叫做  msgFormat  
>     Vue.filter('msgFormat', function (msg, arg, arg2) \{  
>       // 字符串的  replace 方法，第一个参数，除了可写一个 字符串之外，还可以定义一个正则  
>       return msg.replace(/单纯/g, arg + arg2)  
>     \})
> 
>     Vue.filter('test', function (msg) \{  
>       return msg + '========'  
>     \})
> 
>   
>     // 创建 Vue 实例，得到 ViewModel  
>     var vm = new Vue(\{  
>       el: '\#app',  
>       data: \{  
>         msg: '曾经，我也是一个单纯的少年，单纯的我，傻傻的问，谁是世界上最单纯的男人'  
>       \},  
>       methods: \{\}  
>     \});  
>   </script>  
> </body>
> 
> </html>

发表评论取消回复

表情：

评论列表（有 0 条评论，295人围观）

还没有评论，来说两句吧...

相关阅读

相关 Vue---过滤器---普通过滤器使用、串联过滤器、局部与全局过滤器

过滤器：定义：对要显示的数据进行特定格式化后再显示（适用于一些简单逻辑的处理）语法： 1.注册过滤器：Vue.filter(name,callback) 或 new

ゞ浴缸里的玫瑰/ 2024年04月07日 12:53/ 0 赞/ 101 阅读

相关 vue中过滤器filters的使用

组件内写法 filters:{ filter:function(data,arg1,arg2){ return ....

﹏ヽ暗。殇╰゛Y/ 2023年01月12日 11:49/ 0 赞/ 229 阅读

相关 Vue 中全局过滤器的使用

首先需要在 main.js 中注册过滤器： import filter from './filter/filter' // 全局过滤器 Ob

深藏阁楼爱情的钟/ 2022年12月14日 13:37/ 0 赞/ 241 阅读

相关 Vue学习笔记02day_03.过滤器的基本使用

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

- 日理万妓/ 2022年05月13日 09:08/ 0 赞/ 187 阅读

相关 Vue 过滤器使用

1、过滤器 1.1 过滤器科用在两个地方：双花括号插值和 v-bind 表达式中。过滤器应该被添加在js表达式的尾部，由管道符号指示 // 双花括号中

怼烎@/ 2022年03月15日 09:12/ 0 赞/ 310 阅读

相关 vue 过滤器的基本使用

> <!DOCTYPE html> > <html lang="en"> > > <head> > <meta charset="UTF-8"> > <m

Dear 丶/ 2022年02月21日 09:43/ 0 赞/ 296 阅读

相关 filter过滤器的基本使用

filter 基本使用 [moment][]是一个格式化插件,具体使用方法查看官方文档很简单 \[格式化对象\].format(格式化样式) 实在不理解那就别向他他就

小咪咪/ 2022年01月27日 05:57/ 0 赞/ 246 阅读

相关 Vue教程08(过滤器的使用)

本文我们来介绍下Vue中的过滤器的使用过滤器概念： Vue.js 允许你自定义过滤器，可被用作一些常见的文本格式化。过滤器可以用在两个地方：mustac

小灰灰/ 2021年12月10日 14:23/ 0 赞/ 282 阅读

相关 Vue学习之过滤器的使用

过滤器概念： Vue.js 允许你自定义过滤器，可被用作一些常见的文本格式化。过滤器可以用在两个地方：mustache 插值和 v-bind 表达式。过滤器应该被添

旧城等待，/ 2021年11月29日 04:46/ 0 赞/ 373 阅读

相关第二章 Vue快速入门-- 24 过滤器-Vue中全局过滤器的基本使用

![1105922-20190608132259151-1036018630.png][] <!DOCTYPE html> <html lang="en">

￡神魔★判官ぃ/ 2021年11月04日 11:38/ 0 赞/ 324 阅读