输入中的v-model在函数中传递时不会动态更改

Question

我不知道这里出了什么问题。

获得所需数量的textarea

<input type="number" min="0" v-model="columnNum">
<button @click="addTextArea(columnNum)">ok</button>

然后将其推送到另一个数组中的数组

addTextArea(a){
 var colArray = [];
        for(var i=1; i<=a; i++){ 
          colArray.push({col_num : i , description : "edit me"})
        }
        this.all.col = colArray;

    }, 

并像这样显示

<textarea v-for="textareaCol in all.col" type="text" class="form-control" v-model="textareaCol.description"></textarea>

第一次单击“确定”时它不起作用，但如果在单击“确定”后尝试输入另一个值，则会触发该功能并运行它。它似乎没有在触发 addTextArea 函数时传递值