在输入时显示不同于 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;
            }
        }
    }
});

这是您更新后的 fiddle：http://jsfiddle.net/xb5h545w/17/

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

Show value different from v-model on input

vue.js