专栏首页LaravelCodeVuejs 过滤器的使用

Vuejs 过滤器的使用

过滤器 filters

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

我自己的理解:

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

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

html:

<div id="app">
    小写:{{message}}
    大写:{{message |  toUpper}}
  </div>

JavaScript:

  var app = new Vue({
    el: '#app',
    data: {
      message: 'hello vuejs'
    },
    filters: {
      toUpper: function (value) {
        return value.toUpperCase();
      }
    }
  })

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

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • Hyperf + uni-app 使用 EasyWechat 实现微信小程序登录和支付

    修改 SWOOLE_HOOK_FLAGS 编辑 bin/hyperf.php 文件

    hedeqiang
  • PhpStorm 2019.3 EAP + WSL 配置 Remote PHP Interpreter

    WSL 全称为 Windows Subsystem for Linux,是一个为在 Windows 10 上能够原生运行 Linux 二进制可执行文件(ELF格...

    hedeqiang
  • Mac 下安装 Tesserocr

    今天在 Mac 上安装Tesserocr 稀里糊涂报一堆错误,接下来就说说遇到的各种问题

    hedeqiang
  • MySQL硬核干货:从磁盘读取数据页到Buffer Pool时,free链表有什么用?

    现在我们已经搞明白一件事儿了,那就是数据库的Buffer Pool到底长成个什么样,大家想必都是理解了

    程序员小强
  • express框架中app.use和app.all的区别

    在使用express框架时,在app.js中经常会发现app.use和app.all的身影,下面我们来看一下这两者期间有什么共同点和不同点。

    无邪Z
  • Linux同步机制 - 多线程开发总结

    1 对于CPU开销大的场景,能利用多核,就尽量利用多核(常常自以为某需求的运算量不大,且CPU足够快,就偷懒写个单线程,结果效率很低) 2 使用多线程的时候,默...

    三丰SanFeng
  • python flask web开发实战 flask-email

    1 MAIL_SERVER localhost 电子邮件服务器的主机名或IP 地址 MAIL_PORT 25 电子邮件服务器的端口 MAIL_USE_TL...

    用户5760343
  • 一个Angular 5教程:一步一步指导实现你的第一个Angular 5应用程序

    现在我们可以app.component.html用这个替换:Angular是由Google开发的AngularJS框架的新版本。它带有一个完整的重写,以及各种改...

    汐楓
  • 西湖论剑回顾 | 网络安全创新成果分享之平安城市+政务服务创新

    2018年4月27日,“西湖论剑·网络安全大会”在杭州国际博览中心隆重举办。大会积极响应习近平总书记在全国网络安全和信息化工作会议上“敏锐抓住信息化发展历史机遇...

    安恒信息
  • 云架构师进阶攻略

    第一个是IT架构,其实就是计算,网络,存储。这是云架构师的基本功,也是最传统的云架构师应该首先掌握的部分,良好设计的IT架构,可以降低CAPEX和OPEX,减轻...

    赵成

扫码关注云+社区

领取腾讯云代金券