我查询好多都是for循环然后绑定v-model 但是每次添加input的时候 会把之前添加的内容清空
然后直接用jquery去写的
第一步
npm install jquery
第二步 在使用的文件里引入
import $ from 'jquery';
默认有一个
<div class="add_item add_active1">
<div class="add_name"> 附件:</div>
<div style="flex:1">
<div class="add_input" style="margin-bottom: 0.052083rem;">
<el-input v-model="addfiles" placeholder="请输入内容"></el-input>
<div class="addfile" @click="bindfile"><img src="./images/add.png" alt=""></div>
</div>
<div class="add_input" v-for="item,index in fileList" :key='index' style="margin-bottom: 0.052083rem;">
<input :class="'addfile' + index " placeholder="请输入内容"></input>
<div class="addfile"></div>
</div>
</div>
</div>
点击插入
// 点击添加附件
bindfile() {
this.fileList.push('');
console.log(this.fileList)
},
点击确定按钮的时候 循环把input的值拿到 存到数组里
let files = [];
this.fileList.map((item,index) =>{
files.push(jq(".addfile"+index).val())
})