自定义过滤器
2018-01-11 15:06
106 查看
<!DOCTYPE html> <html> <head> <title></title> <script type="text/javascript" src="js/vue.js"></script> </head> <body> <div id="example"> <p>{{msg}}</p> <h1>{{100 | currency(0,1)}}</h1> </div> <script type="text/javascript"> Vue.filter('currency',function(arg,arg1,arg2){ //参数可以是1+个 /*console.log(arg1); console.log(arg2);*/ if(arg1==0) return '$'+arg; if(arg1==1) return '¥'+arg; }) new Vue({ el:'#example', data:{ msg:'VueJS is Awesome' } }); </script> </body> </html>
<!DOCTYPE html> <html> <head> <title></title> <script type="text/javascript" src="js/vue.js"></script> </head> <body> <div id="example"> <p>{{msg}}</p> <h2>{{0 | sex('zh')}}</h2> </div> <script type="text/javascript"> Vue.filter('sex',function(arg,arg1){ if(arg==0){ if(arg1=='en'){ return 'girl'; }else if(arg1=='zh'){ return '女'; } }else if(arg==1){ if(arg1=='en'){ return 'boy'; }else if(arg1=='zh'){ return '男'; } } }) new Vue({ el:'#example', data:{ msg:'VueJS is Awesome' } }); </script> </body> </html>
相关文章推荐
- vue实现自定义过滤器之时间格式自定义
- web项目中的监听器,过滤器以及自定义servlet的执行顺序
- Vue之自定义过滤器
- Vue自定义过滤器
- angularJS自定义过滤器筛选列表/下拉框
- angular自定义过滤器过滤时间格式
- 如何自定义一个vue.js的过滤器?
- 自定义过滤器
- MVC之 自定义过滤器(Filter)
- Django 自定义模版标签和过滤器
- S8.1_Struts2_Interceptor 拦截器的原理 拦截器与过滤器的区别 自定义拦截器 拦截器防止表单重复提交
- Asp.net2.0 中自定义过滤器对Response内容进行处理
- AngularJS自定义过滤器
- asp.net MVC之 自定义过滤器(Filter)
- Django——模板层(template)(模板语法、自定义模板过滤器及标签、模板继承)
- 抓包自定义过滤器需加%XXXX%,如%third_play%
- dubbo 自定义过滤器,打印接口调用信息
- AngularJs练习Demo8 自定义过滤器
- 自定义两个shiro过滤器
- asp.net MVC之 自定义过滤器(Filter) - shuaixf