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个字符，请教大神应该如何实现该字符长度限制功能呢？