Vuejs2 动态输入在初始负载时不隐藏输入

我是vue 2.5的新手，当用户单击v-select时遇到问题 我可以动态输入，但我的问题是，当页面加载（最初）时，我想隐藏输入，即只有当用户单击v选择任何选项时，输入才可见

 <v-select v-model="selected" :on-change="addRow" :options="['foo','bar']"></v-select>
 <div class="input-group" v-for="field in fields" v-if="fields.length > 1">
     <input type="text" v-model="field.sensitive"> 
  </div>
 <button type="submit" class="btn btn-sm btn-primary" @click.prevent="change"><i class="fa fa-dot-circle-o"></i> Submit</button> 
export default {
 name: 'List Purches',
 data(){
  return{
    selected :'foo',
      fields: []
  }
},
methods:{
  addRow: function() {
      this.fields.push({ });
    },
   change(){
    console.log(this.field.sensitive)//this not work i.e it dynamic input value
  //here how i get value of dynamic input 
   }
 }
}

提交
导出默认值{
名称：'列表采购'，
数据（）{
返回{
所选：'foo'，
字段：[]
}
},
方法：{
addRow:function（）{
this.fields.push（{}）；
},
更改（）{
console.log（this.field.sensitive）//这不起作用，即它是动态输入值
//这里我如何获得动态输入的值
}
}
}

---

第二个问题是，由于v-model不适用于动态输入，我将如何在更改函数上获取动态输入值

如果具有初始值，则在初始加载时将触发更改：

建议：为了防止触发，只需在数据中使用

selected:null，

删除初始值即可

第二个问题是。。。价值观不变

由于需要

，请在按下按钮时声明要在

v-model

中使用的字段：

this.fields.push({sensitive: null});

演示：

Vue.component（'v-select'，VueSelect.VueSelect）；
新Vue({
el:“应用程序”，
名称：'列表采购'，
数据（）{
返回{
选中：空，
字段：[]
}
},
方法：{
addRow:function（）{
this.fields.push（{sensitive:null}）；
},
更改（）{
console.log（this.field.sensitive）//这不起作用，即它是动态输入值
//这里我如何获得动态输入的值
}
}
});





{{field.sensitive}}
提交
感谢您的回复，它工作正常，但仍然很少有问题，例如如果您选择foo或bar，那么如果我单击它，我们会有交叉图标，那么它仍然会创建输入，最后一个问题是它抛出了无法读取未定义的属性'sensitive'的更改（）{console.log（this.field.sensitive）}