vue 過濾器基本用法

vue 過濾器基本用法

理解:不改變data的數據格式,在界面顯示處理後的數據格式

比如:對數組中的日期進行截取

整體代碼:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="https://unpkg.com/vue/dist/vue.js"></script>
</head>
<body>
<div id="app">
    <table >
        <tr v-for="item in list">
            <td>{{item.name | filter}}</td>
        </tr>
    </table>
</div>
<script>
    var vm =  new Vue({
        el: '#app',
        data: {
            list:[{'name':'2019-02-08TT00:00'},
                {'name':'2019-02-09TT01:00'},
                {'name':'2019-02-10TT02:00'},
                {'name':'2019-02-11TT03:00'}
            ]
        },
        filters:{
            filter(value){
                return value.match(/(\S*)TT/)[1]
            }
        }
    })
</script>
</body>
</html>

以上是本章全部內容

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章