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 相关文章推荐
JavaScript接口实现代码 (Interfaces In JavaScript)
Jun 11 Javascript
有关js的变量作用域和this指针的讨论
Dec 16 Javascript
nullJavascript中创建对象的五种方法实例
May 07 Javascript
利用JS实现浏览器的title闪烁
Jul 08 Javascript
下拉列表select 由左边框移动到右边示例
Dec 04 Javascript
很棒的js选项卡切换效果
Jul 15 Javascript
js异步编程小技巧详解
Aug 14 Javascript
jQuery超简单遮罩层实现方法示例
Sep 06 jQuery
详解ES6 export default 和 import语句中的解构赋值
May 28 Javascript
微信小程序iBeacon测距及稳定程序的实现解析
Jul 31 Javascript
ant design的table组件实现全选功能以及自定义分页
Nov 17 Javascript
Canvas三种动态画圆实现方法说明(小结)
Apr 16 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
第十四节 命名空间 [14]
2006/10/09 PHP
php5中date()得出的时间为什么不是当前时间的解决方法
2008/06/30 PHP
php时区转换转换函数
2014/01/07 PHP
php面向对象中的魔术方法中文说明
2014/03/04 PHP
PHP中nowdoc和heredoc使用需要注意的一点
2014/03/21 PHP
PHP简单选择排序算法实例
2015/01/26 PHP
php安装dblib扩展,连接mssql的具体步骤
2017/03/02 PHP
CodeIgniter框架基本增删改查操作示例
2017/03/23 PHP
PHP性能测试工具xhprof安装与使用方法详解
2018/04/29 PHP
PHP实现文件上传后台处理脚本
2020/03/04 PHP
javascript new fun的执行过程
2010/08/05 Javascript
分享20款好玩的jQuery游戏
2011/04/17 Javascript
javascript阻止scroll事件多次执行的思路及实现
2013/11/08 Javascript
javascript生成随机颜色示例代码
2014/05/05 Javascript
JavaScript中遍历对象的property的3种方法介绍
2014/12/30 Javascript
NodeJS学习笔记之MongoDB模块
2015/01/13 NodeJs
JS+CSS实现的日本门户网站经典选项卡导航效果
2015/09/27 Javascript
Web前端开发之水印、图片验证码
2016/11/27 Javascript
jQuery编写设置和获取颜色的插件
2017/01/09 Javascript
简单的jQuery拖拽排序效果的实现(增强动态)
2017/02/09 Javascript
微信小程序商品详情页的底部弹出框效果
2020/11/16 Javascript
bootstrapTable+ajax加载数据 refresh更新数据
2018/08/31 Javascript
node.js处理前端提交的GET请求
2019/08/30 Javascript
在vue中使用el-tab-pane v-show/v-if无效的解决
2020/08/03 Javascript
python3.5基于TCP实现文件传输
2020/03/20 Python
对python中大文件的导入与导出方法详解
2018/12/28 Python
使用pandas把某一列的字符值转换为数字的实例
2019/01/29 Python
python批量图片处理简单示例
2019/08/06 Python
python hashlib加密实现代码
2019/10/17 Python
解决pycharm同一目录下无法import其他文件
2020/02/12 Python
Booking.com缤客中国:全球酒店在线预订网站
2020/05/03 全球购物
大学生见习报告范文
2014/11/03 职场文书
2014年售后服务工作总结
2014/11/18 职场文书
浅谈Python列表嵌套字典转化的问题
2021/04/07 Python
python b站视频下载的五种版本
2021/05/27 Python
多台电脑共享文件怎么设置?多台电脑共享文件操作教程
2022/04/08 数码科技