美文网首页我爱编程
Vue全局过滤器

Vue全局过滤器

作者: 郭的妻 | 来源:发表于2018-06-04 09:03 被阅读0次
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <script src="vue.js"></script>
    </head>
    <body>
    <div id="app">
        {{ message | firstUpper() }}
    </div>
    <script>
            //  全局注册过滤器一定要在Vue实例之前
        Vue.filter("firstUpper",function (val) {
            return val.charAt(0).toUpperCase()+val.slice(1)
        })
        new Vue({
            el:'#app',
            data:{
                message:'abc'
            }
        })
    </script>
    </body>
    </html>

    相关文章

      网友评论

        本文标题:Vue全局过滤器

        本文链接:https://www.haomeiwen.com/subject/vrkesftx.html