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

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

题主要的代码如下

<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>

img


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

你可以利用ascii码来实现你的需求。
代码
let length = 1;
String.fromCharCode(65+length)

img

        let arrAll = ['A','B','C','D']
         let arr = []
        function onClickBtn(){
            arr.push({name:arrAll[arr.length]})
            console.log(arr)
        }