自定义过滤器

柔光的暖阳◎ 2022-06-02 11:10 165阅读 0赞

<!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>

发表评论取消回复

表情：

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

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

相关阅读

相关自定义私有过滤器

全局过滤器：指的是所有的vm实例（vm1、vm2、...）都能共享的过滤器。 ![1190185-20190520094708381-274914587.png][]

╰半夏微凉°/ 2022年10月02日 14:56/ 0 赞/ 125 阅读

相关 Shiro--自定义过滤器

原文网址：[Shiro--自定义过滤器\_IT利刃出鞘的博客-CSDN博客\_shiro自定义过滤器][Shiro--_IT_-CSDN_shiro] 其他网址或关

悠悠/ 2022年09月04日 07:57/ 0 赞/ 222 阅读

相关自定义过滤器

package com.kuang.filter; import javax.servlet.; import javax.servlet.h

àì夳堔傛蜴生んèń/ 2022年08月29日 10:05/ 0 赞/ 200 阅读

相关【MVC-自定义过滤器】

APS.NET MVC中的每一个请求，都会分配给相应的控制器和对应的行为方法去处理，而在这些处理的前前后后如果想再加一些额外的逻辑处理。这时候就用到了过滤器。自定义过滤器：

àì夳堔傛蜴生んèń/ 2022年08月21日 10:47/ 0 赞/ 156 阅读

相关 angularjs自定义过滤器

AngularJS一大特点就是提供了过滤器，可以通过操作UNIX下管道的方式，操作数据结果。通过使用管道，可以便于双向的数据绑定中视图的展现。过滤器在处理过程中

妖狐艹你老母/ 2022年07月15日 11:45/ 0 赞/ 195 阅读

相关 AngularJs自定义过滤器

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

傷城~/ 2022年07月12日 07:10/ 0 赞/ 180 阅读

相关自定义过滤器

<!DOCTYPE html> <html> <head> <title></title> <script type="text/j

柔光的暖阳◎/ 2022年06月02日 11:10/ 0 赞/ 166 阅读

相关 flask自定义过滤器

解决：自带的过滤器不能满足我们的需求，一般在if条件中使用例如：列表反转，不能使用reverse过滤器，需要自定义现在视图函数中定义一个过滤器（参数就是模板文件中

我就是我/ 2022年04月25日 08:46/ 0 赞/ 199 阅读

相关 lucene自定义过滤器

package util; import java.io.IOException; import org.apache.lucene.inde

喜欢ヅ旅行/ 2022年02月28日 05:33/ 0 赞/ 237 阅读

相关 AngularJS过滤器以及自定义过滤器

过滤器是用来更改修改数据，并且可以在表达式或使用管道符指令将其归入。以下是常用的过滤器的列表。一.AngularJS的filter过滤器向表达式添加过滤器：可以通过

Bertha 。/ 2021年09月14日 06:54/ 0 赞/ 407 阅读