首页 > 其他 > 详细

过滤器

时间:2020-03-26 22:58:14      阅读:44      评论:0      收藏:0      [点我收藏+]
<!DOCTYPE html>
<html>
<head>
	<title>过滤器</title>
</head>
<body>
		<div id="app">
			我输入的:<input type="text" name="" v-model=‘instring‘></br>
			我输出的:{{ instring }}</br>
			{{ instring | reversal(‘翻转输出:‘)}}
		</div>

		<script type="text/javascript" src="vue.js"></script>
		<script type="text/javascript">

			console.log(this)
			Vue.filter(‘reversal‘,function(val,arg2){
				return  arg2+val.split(‘‘).reverse().join(‘‘)
			})
			new Vue({
				el:‘#app‘,
				data(){
					return {
						instring:‘‘
					}
				},
				created(){
					console.log(this,‘vue的‘)
				}
				// filters:{
				// 	reversal(val,arg2){
				// 		//          字符串转数组  翻转    数组转字符串
				// 		return  arg2+val.split(‘‘).reverse().join(‘‘)
				// 	}
				// }
			})
		</script>
</body>
</html>

过滤器

原文:https://www.cnblogs.com/xl4ng/p/12578019.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!