当前位置：文江博客话题详情

过滤器 Vue.js

vue过滤器在v2.0版本怎么用

发布于 2022-09-04 12:40:50 字数 431 浏览 21 评论 0

1、

<body>
<div id="app">
    {{html|uppercase}}
</div>
<script>
    new Vue({
        el:'#app',
        data:{
            msg:"123",
            html:"abc"
        }
    })
</script>
</body>

2、图片描述

3、可能跟vue版本有关，如果是v2.0版本，这边应该怎么修改？

收藏 0

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

评论（2）

╭⌒浅淡时光〆 2022-09-11 12:40:50

<div id="app">
    {{message|uppercase}}
</div>

//过滤器
Vue.filter('uppercase', function(value) {
  if (!value) { return ''}
  value = value.toString()
  return value.charAt(0).toUpperCase() + value.slice(1)
})

var vm = new Vue({
  el:'#app',
  data: {
    message: 'test'
  }
})

猛虎独行 2022-09-11 12:40:50

//2.0版本对1.0进行了修改，这样写就可以了。
<body>
<div id="app">

{{html.toUppercase()}}

</div>
<script>

new Vue({
    el:'#app',
    data:{
        msg:"123",
        html:"abc"
    }
})

</script>
</body>

~没有更多了~

关于作者

暂无简介

0 文章

0 评论

24 人气

关注发私信

相关话题

热门标签

操作系统程序设计 IT运维 Linux系统管理 JavaScript 服务器应用 solaris C/C++ PHP Shell BSD Vue.js aix Oracle Python HTML 系统管理 HTML5 CSS 前端

推荐作者

已经忘了多久

文章 0 评论 0

15867725375

文章 0 评论 0

LonelySnow

文章 0 评论 0

走过海棠暮

文章 0 评论 0

轻许诺言

文章 0 评论 0

信馬由缰

文章 0 评论 0

友情链接

我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的隐私政策了解更多相关信息。单击 接受 或继续使用网站，即表示您同意使用 Cookies 和您的相关数据。

原文