vue中filters(过滤器)的使用
2024-08-26 11:43:56
在vue中使用filters
- Vue.js自定义过滤器,可被用于一些常见的文本格式化。过滤器可以用在两个地方:双花括号插值和 v-bind 表达式。过滤器应该被添加在 JavaScript 表达式的尾部,由“管道”符号指示:
<!-- 在双花括号中 -->
<!-- message作为capitalize的第一个参数 -->
{{ message | capitalize }}
<!-- 如果有多个参数,message作为第一个参数,其它参数写在capitalizes的参数中 -->
{{ message | capitalizes("参数1", "参数2") }}
<!-- 在 `v-bind` 中 -->
<div v-bind:id="rawId | formatId"></div>
- 可以在一个组件的选项中定义本地的过滤器:
filters: {
capitalize: function (value) {
if (!value) return ''
value = value.toString()
return value.charAt(0).toUpperCase() + value.slice(1)
},
// 有多个参数
capitalizes: function (value, a, b) {
return value + a + b
}
}
- 或者在创建 Vue 实例之前全局定义过滤器:
Vue.filter('capitalize', function (value) {
if (!value) return ''
value = value.toString()
return value.charAt(0).toUpperCase() + value.slice(1)
})
new Vue({
// ...
})
最新文章
- SQL Server 内置函数、临时对象、流程控制
- 使用.net Reflector手动修改单个dll文件
- 深入剖析Java中的装箱和拆箱
- codeforces 429E
- ASP.net知识点
- 解决Xamarin 生成时出现 “aapt.exe”已退出,代码为 1。错误问题
- JCIFS是很不稳定的
- 搭建hive到eclipse里面
- 浅谈C# .Net技术面试 , 正在找工作的人一定要看看
- .net自定义控件
- POJ 2325 Persistent Numbers#贪心+高精度除法
- 如何使用postman传数组数据
- js计算总页数
- Java语法基础学习DaySixteen(多线程)
- 如何将centos7作为DNS服务器
- 工作中用Git对项目进行管理
- 线特征---LSD and LBD程序运行(一)
- 关于DOM级别的一些问题,DOM0,DOM1,DOM2
- javascript some()函数用法详解
- autofac &;web api 切换数据库