Vue.js计算属性使用set方法后，如何让该计算属性的值也跟着更新。

Question

computed: {cardNum: {    get: function() {        return this.ruleForm.cardNum;    },    set: function(val) {        this.ruleForm.cardNum = val.substring(0, 20);    }}}我将该cardNum绑定给了input的v-model，想以此来实现对该值的过滤（vue.js2.0后不能给v-model的变量绑定过滤器好像），但发现当输入超过20个字符时，虽然this.ruleForm.cardNum会被截取，但cardNum却可超过20个字符，请教大神应该如何实现该字符长度限制功能呢？