美文网首页
Vue局部过滤器

Vue局部过滤器

作者: 郭的妻 | 来源:发表于2018-06-04 08:59 被阅读25次
    <!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>
        new Vue({
            el:'#app',
            data:{
                message:'abc'
            },
            filters:{
                firstUpper:(val)=>{
                    console.log(val);
                    return val.charAt(0).toUpperCase()+val.slice(1)
                }
            }
        })
    </script>
    </body>
    </html>

    相关文章

      网友评论

          本文标题:Vue局部过滤器

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