el-table列表点击操作中的编辑，vue弹框动态赋值
1.<template><el-table-column :width="150" align="center" label="操作" fixed="right">
<template #default="scope">
<el-button link type="primary" @click="openForm('update', scope.row.id, scope.row)">
编辑
</el-button>
<el-button link type="danger" @click="handleDelete(scope.row.id)"> 删除</el-button>
</template>
</el-table-column>
2.<script>
//弹框字段定义
const formData = reactive({
ossCode: '',
buildingCode: '',
roomCode: '',
rackCode: '',
powerAb: ''
})
const openForm = (type: string, id?: string, row?: object) => {
//打开弹框
dialogVisible.value = true
//赋值
for (const key in row) {
if (formData.hasOwnProperty(key)) {
formData = row
}
}
}
相关：
.hasOwnProperty()是什么？
答：hasOwnProperty是JavaScript中的一个内置方法，用于检查一个对象是否具有指定名称的属性，并且这个属性必须是对象自身的属性，而不是从原型链继承的属性。如果对象拥有该属性，则返回true；否则返回false。
页:
[1]