vue filters的使用详解


Posted in Javascript onJune 11, 2018

使用 filters  实现   英文字母 转大写

1、template   :

<div class="page">
{{msg | upperCase}}
</div>

2、script

data () {
     return {
             msg: 'weather is ok ',
      }
},
filters : {
   upperCase : function(val){
     return val.toString().toUpperCase();
   }
 }

3、输出结果

vue filters的使用详解

{{msg | upperCase}}

总结

以上所述是小编给大家介绍的vue filters的使用,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
jquery 文本上下无缝滚动,鼠标放上去就停止 小例子
Jun 05 Javascript
jquery实现经典的淡入淡出选项卡效果代码
Sep 22 Javascript
解决js页面滚动效果scrollTop在FireFox与Chrome浏览器间的兼容问题的方法
Dec 03 Javascript
jQuery实现多级联动下拉列表查询框
Jan 18 Javascript
jquery弹出框插件jquery.ui.dialog用法分析
Aug 20 Javascript
JS中使用new Date(str)创建时间对象不兼容firefox和ie的解决方法(两种)
Dec 14 Javascript
详解EasyUi控件中的Datagrid
Aug 23 Javascript
基于Vuex无法观察到值变化的解决方法
Mar 01 Javascript
Angular 如何使用第三方库的方法
Apr 18 Javascript
如何理解Vue的v-model指令的使用方法
Jul 19 Javascript
vue项目持久化存储数据的实现代码
Oct 01 Javascript
微信小程序class封装http代码实例
Aug 24 Javascript
Vue组件全局注册实现警告框的实例详解
Jun 11 #Javascript
jQuery实现的页面详情展开收起功能示例
Jun 11 #jQuery
Node.js中的cluster模块深入解读
Jun 11 #Javascript
详解vue-router 初始化时做了什么
Jun 11 #Javascript
node中间层实现文件上传功能
Jun 11 #Javascript
几个你不知道的技巧助你写出更优雅的vue.js代码
Jun 11 #Javascript
Vue.js 中取得后台原生HTML字符串 原样显示问题的解决方法
Jun 10 #Javascript
You might like
php array_unique之后json_encode需要注意
2011/01/02 PHP
PHP 5.3 下载时 VC9、VC6、Thread Safe、Non Thread Safe的区别分析
2011/03/28 PHP
php自动给文章加关键词链接的函数代码
2012/11/29 PHP
php析构函数的简单使用说明
2015/08/24 PHP
php 解决substr()截取中文字符乱码问题
2016/07/18 PHP
jquery 插件 任意位置浮动固定层
2008/12/25 Javascript
javascript iframe中打开文件,并检测iframe存在否
2008/12/28 Javascript
JavaScript 面向对象的 私有成员和公开成员
2010/05/13 Javascript
解析JavaScript中delete操作符不能删除的对象
2013/12/03 Javascript
BootStrap学习笔记之nav导航栏和面包屑导航
2017/01/03 Javascript
JS继承与闭包及JS实现继承的三种方式
2017/10/15 Javascript
Javascript将图片的绝对路径转换为base64编码的方法
2018/01/11 Javascript
JavaScript实现的拼图算法分析
2019/02/13 Javascript
js中Generator函数的深入讲解
2019/04/07 Javascript
Vue 3.0双向绑定原理的实现方法
2019/10/23 Javascript
JS实现贪吃蛇游戏
2019/11/15 Javascript
利用python如何处理nc数据详解
2018/05/23 Python
Python基于最小二乘法实现曲线拟合示例
2018/06/14 Python
Python 中的参数传递、返回值、浅拷贝、深拷贝
2019/06/25 Python
Python flask框架post接口调用示例
2019/07/03 Python
python异常触发及自定义异常类解析
2019/08/06 Python
分享一个pycharm专业版安装的永久使用方法
2019/09/24 Python
Python编程快速上手——PDF文件操作案例分析
2020/02/28 Python
浅谈Python中os模块及shutil模块的常规操作
2020/04/03 Python
python+opencv3.4.0 实现HOG+SVM行人检测的示例代码
2021/01/28 Python
css3实现一款模仿iphone样式的注册表单
2013/03/20 HTML / CSS
html5+css3气泡组件的实现
2014/11/21 HTML / CSS
复古斯堪的纳维亚儿童服装:Baby go Retro
2017/09/09 全球购物
什么是Linux虚拟文件系统VFS
2012/01/31 面试题
客户代表实习人员自我鉴定
2013/09/27 职场文书
安全生产大检查方案
2014/05/07 职场文书
领导干部四风问题自我剖析材料
2014/09/25 职场文书
先进工作者个人总结
2015/02/15 职场文书
现场施工员岗位职责
2015/04/11 职场文书
2016年教代会开幕词
2016/03/04 职场文书
基于Python实现一个春节倒计时脚本
2022/01/22 Python