Vue.js不显示来自输入更新的控制台数据-任何错误

Question

我的代码有一个小问题。我想在控制台中显示更新表单中的新数据，但是不起作用，并且没有任何错误。

我有一个物品清单。单击“编辑”时，我有一个包含当前数据的模态，并且可以正常工作。当我尝试显示新数据时出现问题

数据：

data(){

    return {

        advantage:{
            icon: '',
            title: '',
            text: '',
        },
        advantages: [],
        errors: [],
        new_update_advantage: [],
        uri: 'http://127.0.0.1:8000/api/advantages/'
    }

},

模板

<div class="form-group">
  <label for="icon">Icon</label>
  <input v-model="advantage.icon" type="text" id="icon">
</div>

CreatModal2正常运行。

createModal2(index){

  this.errors = [];
  $( "#modal2" ).toggle();
  this.new_update_advantage = this.advantages[index];

},

问题来了：

updateTask(){
  console.log("TEST");
  console.log(this.new_update_advantage.icon);

},

当我单击按钮时，控制台仅显示“测试”，并且不显示任何错误