问答博客资讯标签用户活动
logo极客观点logo项目管理logoHarmonyOS
开发者社区
javascript
前端
python
node.js
react
vue.js
php
laravel
go
人工智能
mysql
linux
ios
java
android
css
typescript
spring
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

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

头像
尘埃
    20965368

    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版本，这边应该怎么修改？

    vue.js过滤器
    阅读 10.8k
    2 个回答
    得票最新
    头像
    云城工坊
      292
      ✓ 已被采纳
      <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'
  }
})
      头像
      周萌萌
        154

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

        {{html.toUppercase()}}

        </div>
        <script>

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

        </script>
        </body>

        撰写回答
        你尚未登录，登录后可以
        • 和开发者交流问题的细节
        • 关注并接收问题和回答的更新提醒
        • 参与内容的编辑和改进，让解决方法与时俱进
        推荐问题