<el-row v-for="(e, item) in temp.editpeopleList" :key="item">
<el-form-item label="姓名" prop="name">
<el-input v-model="form.name" placeholder="请输入姓名" />
</el-form-item>
<el-form-item label="电话" prop="peoplephone">
<el-input v-model="form.peoplephone" placeholder="请输入电话" />
</el-form-item>
<el-form-item label="岗位" prop="position">
<el-select v-model="form.position" placeholder="请选择岗位">
<el-option
v-for="dict in dict.type.position"
:key="dict.value"
:label="dict.label"
:value="dict.value"
></el-option>
</el-select>
</el-form-item>
</el-row>
lineAdd() {
this.editpeopleList.push({
name: '',
peoplephone: '',
position: '',
})
},
/**
* 删除<前端假删除>
* @param index 当前点击元素索引
*/
deleteRow(item) {
this.$confirmBox('确定删除?', '提示').then(() => {
for (let i = 0; i < this.editpeopleList.length; i++) {
if (item === i) {
this.editpeopleList.splice(i,1)
this.$notify({
title: '成功',
message: '删除成功',
type: 'success',
duration: 2000
})
}
}
})
},
这是弹出窗口也就是图一的内容设置
/** 分配队员按钮操作 */
handleEdit(row) {
this.loading = true;
this.reset();
const teamname = row.teamname || this.ids
getEditpeople(teamname).then(response => {
this.loading = false;
this.form = response.data;
this.edit= true;
this.title = "编辑队伍人员";
});
},
后续:conformBox改成了conform,解决了,但是item还没解决
this.$confirmBox 报错不是一个方法,这个 this.$confirmBox 是基于 Vue.js 的组件,你没有引入elementUI库吧
另外你问新增和删除的问题你要把你新增和删除那写的调用的方法之类的给贴上,
你贴个遍历显示的,你问的又是增删改的
this.$confirm 这个不是一个函数 答应你this看看
你说的是这个吗? https://element.eleme.cn/#/zh-CN/component/message-box