过滤器filter

最新推荐文章于 2025-12-17 14:07:30 发布

原创最新推荐文章于 2025-12-17 14:07:30 发布 · 163 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #javascript #html

<body>
    <div id="app">
        {{ shuzi | aa }}
    </div>
</body>
<script>
    Vue.filter('aa', function(val) {
        return val < 10 ? '0' + val : 'a' + val;
    })
    let vm = new Vue({
        el: "#app",
        data: {
            shuzi: 1
        },
    })
</script>

时间过滤器

<body>

    <div id="app">
        {{ dateTime | date }}
    </div>
</body>
<script>
    Vue.filter('date', function(val) {
        let oTime = new Date(val);
        return oTime.getFullYear() + '-' + (oTime.getMonth() + 1) + '星期' + oTime.getDay() + ' ' +
            oTime.getHours() + ':' + oTime.getMinutes() + ':' + oTime.getSeconds();
    })
    let vm = new Vue({
        el: "#app",
        data: {
            dateTime: Date.now()
        },
    })
</script>