<tbody>
<tr v-for="build in building" :key="build.building_id">
<td>{{build.building_id}}</td>
<td>{{build.building_name}}</td>
<td class="p-1 mx-auto">
<button class="btn btn-warning">Edit Data</button>
<button @click="deleteData(build.building_id)" class="btn btn-danger">Remove Data</button></td>
</tr>
</tbody>
<script>
import axios from 'axios'
export default {
name: "tableDataBuilding",
data() {
return {
title: "Table building",
building: [],
building_id: {}
}
},
methods: {
deleteData(id) {
let URL = 'http://127.0.0.1/api_apartment/room/delete/delete_build.php/${id}'
axios.delete(URL)
.then((resp) => {
console.log(resp);
this.building = resp.data;
});
}
}
</script>