假设一个数组是[{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>
你可以利用ascii码来实现你的需求。
代码
let length = 1;
String.fromCharCode(65+length)
let arrAll = ['A','B','C','D']
let arr = []
function onClickBtn(){
arr.push({name:arrAll[arr.length]})
console.log(arr)
}