关于#vue#的问题，如何解决？(关键词-数组)

Question

假设一个数组是[{name:'a'}],有个添加按钮，然后我点击添加按钮，就往数组中push一个{name:"b"},每次点击一下，就按照26个英文字母里面push一个字母，这个东西，目前我只想到用数组的length去解决，length == 1 ，就push name == b ,length == 2 ,push name == c ,但是好像过于复杂且繁琐，请问伙伴有没有解决的方法？

Answer 1

题主要的代码如下

<div id="app">
    <input type="button" value="Add" v-on:click="addValue" />
    {{list}}
</div>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script>
    new Vue({
        el: '#app',
        data: { list:[]},
        methods: {
            addValue() {
                this.list.push({ name: String.fromCharCode(97 + this.list.length) });
            }
        }
    });
</script>

有帮助或启发麻烦点下【采纳该答案】，谢谢~~有其他问题可以继续交流~