vue-filters(过滤器)
2024-09-01 13:00:30
局部过滤器：
<html> <head>
<title>vue</title>
<meta charset="utf-8">
</head> <body>
<div id="app">
{{msg | toFixed(1)}}
<!-- msg是参数input的值，方法里的参数都是作为input后的参数 -->
</div>
</body>
<script src="node_modules\vue\dist\vue.js"></script>
<script>
let vm = new Vue({
el: "#app",
filters: {
// toFixed(input,param1,param2,param3)
toFixed(input, num) { //第二个参数为小数点个数
return '￥' + input.toFixed(num);
}
},
data:{
msg:15.123
}
});
</script> </html>
全局过滤器（记得放在所有实例之前）
<html> <head>
<title>vue</title>
<meta charset="utf-8">
</head> <body>
<div id="app">
{{msg | my(2)}}
<!-- msg是参数input的值，方法里的参数都是作为input后的参数 -->
</div>
</body>
<script src="node_modules\vue\dist\vue.js"></script>
<script>
// 全局过滤
// Vue.filter(name,function)
Vue.filter('my',(input,num)=>{
return '￥' + input.toFixed(num);
})
// 局部过滤
let vm = new Vue({
el: "#app",
filters: {
// toFixed(input,param1,param2,param3)
toFixed(input, num) { //第二个参数为小数点个数
return '￥' + input.toFixed(num);
}
},
data:{
msg:15.123
}
});
</script> </html>
最新文章
- 20145318 GDB调试汇编堆栈分析
- MSSQL存储过程返回自定义标识
- Android -- 桌面悬浮，QQ管家火箭实现
- Volley自定义Request及使用单例封装RequestQueue
- Linux 下子线程 exit code 在主线程中的使用
- c#中winform的MVP模式的简单实现
- 30个有关Python的小技巧
- JavaEE5 Tutorial_Jsp,EL
- 如何实现 iOS 自定义状态栏
- Fedora 19下Guacamole的安装使用
- C++ - 派生类访问模板基类(templatized base class)命名
- 在Express的页面模板中的变量的定义与使用总结
- java Log日志规范
- Appium python自动化测试系列之等待函数如何进行实战（九）
- Python爬虫(二十一)_Selenium与PhantomJS
- memcached实战系列(五)Memcached: List all keys 查询所有的key
- Linux LVM 逻辑分区
- Git应用实践（二）
- 分词中的HMM
- Apache Hive （一）Hive初识