vue filters的使用详解

(编辑：jimmy 日期: 2026/2/14 浏览：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、输出结果

{{msg | upperCase}}

总结

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

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