vue filters的使用详解

转载  更新时间:2018年06月11日 09:50:42   作者:今天天气很好嗯   我要评论

使用 filters 实现英文字母转大写,实现代码超简单,本文重点给大家介绍vue filters的使用,感兴趣的朋友一起看看吧

使用 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、输出结果

{{msg | upperCase}}

总结

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

相关文章

  • 解决vue2中使用axios http请求出现的问题

    解决vue2中使用axios http请求出现的问题

    下面小编就为大家分享一篇解决vue2中使用axios http请求出现的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-03-03
  • vue2.0 兄弟组件(平级)通讯的实现代码

    vue2.0 兄弟组件(平级)通讯的实现代码

    这篇文章主要介绍了vue2.0 兄弟组件(平级)通讯的实现代码,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2018-01-01
  • vue 指定组件缓存实例详解

    vue 指定组件缓存实例详解

    keep-alive 是 Vue 内置的一个组件,可以使被包含的组件保留状态,或避免重新渲染。这篇文章主要介绍了vue 指定组件缓存,需要的朋友可以参考下
    2018-04-04
  • Vue.js进行查询操作的实例详解

    Vue.js进行查询操作的实例详解

    这篇文章主要介绍了Vue.js进行查询操作的实例详解的相关资料,需要的朋友可以参考下
    2017-08-08
  • Vue之Watcher源码解析(2)

    Vue之Watcher源码解析(2)

    这篇文章主要为大家详细介绍了Vue源码之Watcher的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-07-07
  • 详解Vue自定义过滤器的实现

    详解Vue自定义过滤器的实现

    这篇文章主要介绍了详解Vue自定义过滤器的实现,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧。
    2017-01-01
  • vue引入jq插件的实例讲解

    vue引入jq插件的实例讲解

    下面小编就为大家带来一篇vue引入jq插件的实例讲解。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-09-09
  • 基于Vue实现页面切换左右滑动效果

    基于Vue实现页面切换左右滑动效果

    这篇文章主要为大家详细介绍了基于Vue实现页面切换左右滑动效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-08-08
  • vue2.0实战之使用vue-cli搭建项目(2)

    vue2.0实战之使用vue-cli搭建项目(2)

    这篇文章主要为大家详细介绍了vue2.0实战第二篇使用vue-cli搭建项目,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-03-03
  • Vue打包后出现一些map文件的解决方法

    Vue打包后出现一些map文件的解决方法

    本篇文章主要介绍了Vue打包后出现一些map文件的解决方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-02-02

最新评论