网络编程 
首页 > 网络编程 > 浏览文章

vue filters的使用详解

(编辑:jimmy 日期: 2024/11/18 浏览:3 次 )

使用 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的使用,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!

上一篇:详解.vue文件解析的实现
下一篇:Vue组件全局注册实现警告框的实例详解