iT邦幫忙

2017 iT 邦幫忙鐵人賽
DAY 13
2
Modern Web

Vue.JS且戰且飛系列 第 13

Vue.JS且戰且飛(十三)

自訂過濾器

jsfiddle


<html>
<head>
    <meta charset="UTF-8">
    <title>自訂過濾器</title>
</head>
<body>
<div id="show">
    <input v-model="money">
    {{ money | money }}
</div>
</body>
<script src="vue.js"></script>
<script>
    /**
    * add filter
    */
    Vue.filter('money', function (value) {
        return '$' + value;
    });

    new Vue({
        el: '#show',
        data: {
            money: 100000
        }
    });
</script>
</html>

上一篇
Vue.JS且戰且飛(十二)
下一篇
Vue.JS且戰且飛(十四)
系列文
Vue.JS且戰且飛30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言