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 事件队列调整方法
Sep 18 Javascript
js设置组合快捷键/tabindex功能的方法
Nov 21 Javascript
JQuery EasyUI 加载两次url的原因分析及解决方案
Aug 18 Javascript
javascript生成随机数方法汇总
Nov 12 Javascript
js实现根据身份证号自动生成出生日期
Dec 15 Javascript
js的各种排序算法实现(总结)
Jul 23 Javascript
JavaScript基于Dom操作实现查找、修改HTML元素的内容及属性的方法
Jan 20 Javascript
JS 实现分页打印功能
May 16 Javascript
VUE单页面切换动画代码(全网最好的切换效果)
Oct 31 Javascript
vue video和vue-video-player实现视频铺满教程
Oct 30 Javascript
使用js原生实现年份轮播选择效果实例
Jan 12 Javascript
JavaScript中10个Reduce常用场景技巧
Jun 21 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
ThinkPHP 防止表单重复提交的方法
2011/08/08 PHP
ie与session丢失(新窗口cookie丢失)实测及解决方案
2013/07/15 PHP
PHP解决URL中文GBK乱码问题的两种方法
2014/06/03 PHP
通过PHP简单实例介绍文件上传
2015/12/16 PHP
php中__toString()方法用法示例
2016/12/07 PHP
Laravel6.2中用于用户登录的新密码确认流程详解
2019/10/16 PHP
javascript 学习笔记(一)DOM基本操作
2011/04/08 Javascript
JS前端框架关于重构的失败经验分享
2013/03/17 Javascript
AMD异步模块定义介绍和Require.js中使用jQuery及jQuery插件的方法
2014/06/06 Javascript
jqTransform美化表单
2015/10/10 Javascript
详解iframe与frame的区别
2016/01/13 Javascript
JavaScript代码因逗号不规范导致IE不兼容的问题
2016/02/25 Javascript
Google 地图获取API Key详细教程
2016/08/06 Javascript
Bootstrap源码解读网格系统(3)
2016/12/22 Javascript
bootstrap滚动监控器使用方法解析
2017/01/13 Javascript
javascript数据结构中栈的应用之符号平衡问题
2017/04/11 Javascript
js排序与重组的实例讲解
2017/08/28 Javascript
jQuery+ajax读取json数据并按照价格排序示例
2018/03/28 jQuery
jQuery实现的页面详情展开收起功能示例
2018/06/11 jQuery
vue地址栏直接输入路由无效问题的解决
2018/11/15 Javascript
js实现延迟加载的几种方法详解
2019/01/19 Javascript
jQuery实现的记住帐号密码功能完整示例
2019/08/03 jQuery
bootstrap+spring boot实现面包屑导航功能(前端代码)
2019/10/09 Javascript
如何将Node.js中的回调转换为Promise
2020/11/10 Javascript
Vue向后台传数组数据,springboot接收vue传的数组数据实例
2020/11/12 Javascript
[02:48]DOTA2英雄基础教程 暗夜魔王
2013/12/12 DOTA
python多线程socket编程之多客户端接入
2017/09/12 Python
Django进阶之CSRF的解决
2018/08/01 Python
python requests.post带head和body的实例
2019/01/02 Python
在python里面运用多继承方法详解
2019/07/01 Python
详解python 中in 的 用法
2019/12/12 Python
pytorch实现建立自己的数据集(以mnist为例)
2020/01/18 Python
CSS3 中filter(滤镜)属性使用详解
2020/04/07 HTML / CSS
jQuery class属性操作addClass()与removeClass()、hasClass()、toggleClass()
2021/03/31 jQuery
python实现腾讯滑块验证码识别
2021/04/27 Python
victoriaMetrics库布隆过滤器初始化及使用详解
2022/04/05 Golang