vue filters过滤器使用
来源:互联网 发布:电脑安装ubuntu双系统 编辑:程序博客网 时间:2024/05/29 08:57
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="http://cdnjs.cloudflare.com/ajax/libs/vue/2.0.5/vue.js"></script>
</head>
<body>
<div id="app">
<input type="" name="" v-model="name">
<p>{{name | addName}}</p>
</div>
<script>
var vm = new Vue({
el: "#app",
data:{
name:"123"
},
filters: {
addName(val) {
return "My name is"+val;
}
}
})
</script>
</body>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="http://cdnjs.cloudflare.com/ajax/libs/vue/2.0.5/vue.js"></script>
</head>
<body>
<div id="app">
<input type="" name="" v-model="name">
<p>{{name | addName}}</p>
</div>
<script>
var vm = new Vue({
el: "#app",
data:{
name:"123"
},
filters: {
addName(val) {
return "My name is"+val;
}
}
})
</script>
</body>
</html>
其中可以使用如下
Vue.filter('double',function(value){
return value<
10
? '0'+value : value
})
注册全局过滤器
阅读全文
0 0
- vue filters过滤器使用
- Vue filters过滤器
- Vue实践--过滤器(Filters)
- Vue中,methods中调用filters里的过滤器
- 过滤器filters
- 过滤器filters
- JSP Filters——使用jsp过滤器
- vue过滤器使用
- VUE过滤器的使用
- vue基本使用--过滤器
- vue过滤器的使用
- vue 基础 filter 过滤器使用
- Vue 基础过滤器 filter使用
- Output Filters输出过滤器
- Hibernate 过滤器(filters)
- Hibernate 过滤器(filters)
- syslog-ng filters(过滤器)
- 内联过滤器Inline Filters
- 【11】Bootstrap — Glyphicons字体图标
- unable to resolve host *****:Connection timed out
- Spark Structured Streaming框架(2)之数据输入源详解
- Codeforces Round #432 B. Arpa and an exam about geometry
- jQuery对象与DOM对象
- vue filters过滤器使用
- SSM框架Spring+SpringMVC+MyBatis——详细整合教程
- 精灵进程与僵尸进程
- MY admire man-Eddie Peng Yuyan
- VS2010问题汇总
- 2017第24届中国西部国际装备制造业博览会 中国欧亚国际工业博览会会刊
- 什么扫地机器人好
- python 字符串
- IDEA旗舰版修改字体