为什么vue.js2.0使用双向过滤器总是报错呢？

Question

1. 为什么使用双向数据绑定，总是出现编译报错啊？

<template>
    <div class="current">
        <input type="number" v-model="value | currency" @focus="selectAll">
    </div>
</template>

<script>
    export default {
        name: 'currentInput',
        props: {
            value: {
                type: Number,
                default: 0,
                twoWay: true
            }
        },

        filters: {
            currency: {
                read: function(value) {
                    return(value / 100).toFixed(2)
                },
                write: function(value) {

                    var number = +value.replace(/[^\d.]/g, '')
                    return isNaN(number) ? 0 : number
                }
            },
            methods: {
                selectAll(event) {
                    setTimeout(() => {
                        event.target.value
                    }, 0)
                }
            }
        }
    }
</script>

Answer 1

filters少了个花括号

Answer 2

可以使用计算属性转换一下，在计算属性中对v-model的值进行计算，然后返回，demo看这里https://github.com/vippiv/vue...
这是在线链接,过滤后只显示前5个字符
http://www.ftc20.com/demo/vue...