vue自定义一个过滤器
2024-08-31 03:18:58
vue如何自定义一个过滤器
html代码:
<div id="app">
<input type="text" v-model="msg" />
{{msg| capitalize }}
</div>
JS代码:
var vm=new Vue({
el:"#app",
data:{
msg:''
},
filters: {
capitalize: function (value) {
if (!value) return ''
value = value.toString()
return value.charAt(0).toUpperCase() + value.slice(1)
}
}
})
全局定义过滤器
Vue.filter('capitalize', function (value) {
if (!value) return ''
value = value.toString()
return value.charAt(0).toUpperCase() + value.slice(1)
})
最新文章
- iOS block种类和切换
- java 导出数据为word文档(保持模板格式)
- 如何持续集成/交付一个开源.NET函数库到Nuget.org
- rtmp转m3u8
- nginx+winsw windows服务
- 【poj1260】 Pearls
- CC150 - 11.5
- 从运行原理及使用场景看Apache和Nginx
- QTableView中嵌入复选框CheckBox 的四种方法总结
- vue 组件中数组的更新
- vfd电子时钟制作
- eclipse如何使用log4j详解,你get了吗???
- bzoj千题计划308:bzoj4589: Hard Nim(倍增FWT+生成函数)
- JSP展示两位小数
- binary and out mode to open a file
- 【Codeforces Round 1114】Codeforces #538 (Div. 2)
- SQL Server FileStream (转载)
- Flask安装教程
- 关于CMS的那点事 I
- ArcGIS教程:树状图
热门文章
- HDU5926 Mr. Frog’s Game
- c#基于udp实现的p2p语音聊天工具
- Shell简单介绍
- Auto property synthesis will not synthesize property &;#39;delegate&;#39;; it will be implemented by its super
- spring batch(二):核心部分(1):配置Spring batch
- Linux多线程实践(一)线程基本概念和理论
- 菜鸟nginx源代码剖析数据结构篇(九) 内存池ngx_pool_t
- Mysql中You can&#39;t specify target table for update in FROM clause错误的意思是说,不能先select出同一表中的某些值,再update这个表(在同一语句中)。
- unity3D游戏开发实战原创视频讲座系列9之塔防类游戏开发第一季
- Spring《二》 Bean的生命周期