vue 过滤器学习例子整理记录自学前端

vue 过滤器学习例子整理记录自学前端<!DOCTYPE html><html lang="en"><body><div id="app">{{ str | upper }}{{ str2 | lower}}</div><script src="https://cdn.jsdelivr...

托马斯小火车喷雾又喷烟，一直喷，喷喷喷.

14862人浏览 · 2020-03-03 15:26:11

托马斯小火车喷雾又喷烟，一直喷，喷喷喷. · 2020-03-03 15:26:11 发布

vue 过滤器学习例子整理记录自学前端

<!DOCTYPE html>
<html lang="en">
<body>
	<div id="app">
		{{ str | upper }}
		{{ str2 | lower}}
	</div>
	<script src="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js"></script>
	<script>

		var app = new Vue({
			el:'#app',
			data:{
				str: 'abc',
				str2: 'HN'
			},
			filters:{
				upper:function(value){
					return value.toUpperCase();
				},
				lower:function(value) {
					return value.toLowerCase();
				}
				
			}
		})
	</script>
</body>
</html>

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^