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

以上就是vue filters的如何使用详解。你有资格说对不起,我也有资格不原谅。更多关于vue filters的如何使用详解请关注haodaima.com其它相关文章!

您可能有感兴趣的文章
Vue路由参数的传递与获取方式详细介绍

vue学习记录之动态组件浅析

如何解决ElementUI组件中el-upload上传图片不显示问题

解读element el-upload上传的附件名称不显示 file-list赋值

一篇关于el-table-column的formatter的如何使用及说明