前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Vuejs 过滤器的使用

Vuejs 过滤器的使用

作者头像
hedeqiang
发布2019-12-17 20:43:26
9560
发布2019-12-17 20:43:26
举报
文章被收录于专栏:LaravelCodeLaravelCode

过滤器 filters

Vue.js 允许你自定义过滤器,可被用于一些常见的文本格式化。过滤器可以用在两个地方:双花括号插值和 v-bind 表达式 (后者从 2.1.0+ 开始支持)。过滤器应该被添加在 JavaScript 表达式的尾部,由「管道」符号 ‘|’ 指示: 以上来自官方文档解释

我自己的理解:

格式化变量,自定义输出格式。(日期格式处理、字母转变大小写等)

一个转变变量大小写的例子:

html:

代码语言:javascript
复制
<div id="app">
    小写:{{message}}
    大写:{{message |  toUpper}}
  </div>

JavaScript:

代码语言:javascript
复制
  var app = new Vue({
    el: '#app',
    data: {
      message: 'hello vuejs'
    },
    filters: {
      toUpper: function (value) {
        return value.toUpperCase();
      }
    }
  })

更多详细用法,请查看 过滤器小哥视频

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 过滤器 filters
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档