在输入时显示与v-model不同的值

Question

我有一个输入，我收到一个访问数组的值。但我的数组从0开始，我希望我的输入从1开始，我该怎么做？

var vm = new Vue({
    el: '#test',
    data:{
        foo:0
    }
})

http://jsfiddle.net/xb5h545w/15/

Answer 1

使用computed属性：

new Vue({
    el: '#test',
    data: { foo: 0 },
    computed: {
        normalizedFoo: {
            get () {
                return this.foo + 1;
            },
            set (value) {
                this.foo = value - 1;
            }
        }
    }
});

以下是您更新的小提琴：http://jsfiddle.net/xb5h545w/17/