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)
})

最新文章

  1. iOS block种类和切换
  2. java 导出数据为word文档(保持模板格式)
  3. 如何持续集成/交付一个开源.NET函数库到Nuget.org
  4. rtmp转m3u8
  5. nginx+winsw windows服务
  6. 【poj1260】 Pearls
  7. CC150 - 11.5
  8. 从运行原理及使用场景看Apache和Nginx
  9. QTableView中嵌入复选框CheckBox 的四种方法总结
  10. vue 组件中数组的更新
  11. vfd电子时钟制作
  12. eclipse如何使用log4j详解,你get了吗???
  13. bzoj千题计划308:bzoj4589: Hard Nim(倍增FWT+生成函数)
  14. JSP展示两位小数
  15. binary and out mode to open a file
  16. 【Codeforces Round 1114】Codeforces #538 (Div. 2)
  17. SQL Server FileStream (转载)
  18. Flask安装教程
  19. 关于CMS的那点事 I
  20. ArcGIS教程:树状图

热门文章

  1. HDU5926 Mr. Frog’s Game
  2. c#基于udp实现的p2p语音聊天工具
  3. Shell简单介绍
  4. Auto property synthesis will not synthesize property &amp;#39;delegate&amp;#39;; it will be implemented by its super
  5. spring batch(二):核心部分(1):配置Spring batch
  6. Linux多线程实践(一)线程基本概念和理论
  7. 菜鸟nginx源代码剖析数据结构篇(九) 内存池ngx_pool_t
  8. Mysql中You can&#39;t specify target table for update in FROM clause错误的意思是说,不能先select出同一表中的某些值,再update这个表(在同一语句中)。
  9. unity3D游戏开发实战原创视频讲座系列9之塔防类游戏开发第一季
  10. Spring《二》 Bean的生命周期