使用vue开发uni-app，用:type="btnType[item-1]"绑定按钮属性不起作用，如何解决

我使用vue开发uni-app时用v-bind绑定属性发现不起作用，请官方帮忙分析一下我改怎么修改？
我的代码如下：
<view style="flex-direction: row; justify-content: space-between;" v-for="item in ticketNumbers1">
<button :type="btnType[item-1]" @click="onSelTicketNum(item)" class="numBtn" size="mini">{{item}}</button>
</view>

export default {
data() {
return {
ticketNumbers1: [1,2,3,4,5],
btnType : ['default','default','default','default','default']
......
......

methods: {
onSelTicketNum(e) {
console.log(e);
for (var i=0; i<this.btnType.length; i++)
this.btnType[i] = 'default';
this.btnType[e-1] = 'warn';
console.log("btnType[" + (e-1) + "] = " + this.btnType[e-1]);
}
}

点击按钮后,想修改按钮的type，但并不好使，请问是哪里出现问题了？