Привет, я работаю над проектом в Laravel-vue и хочу удалить данные с помощью sweetalert, но когда я нажимаю на него, ничего не происходит, во время просмотра npm, он показывает эту ошибку:
Errors compiling template:
avoid using JavaScript keyword as property name: "delete"
Raw expression: @click="delete"
34 | /
35 |
36 | <a href="#" @click="delete">
| ^^^^^^^^^^^^^^^
37 | <i class="fa fa-trash red"></i>
38 | </a>
@ ./resources/js/components/Users.vue?vue&type=template&id=30c27aa6& 1:0-209 1:0-209
@ ./resources/js/components/Users.vue
@ ./resources/js/app.js
код:
<a href="#" @click="deleteUser(user.id)">
<i class="fa fa-trash red"></i>
</a>
deleteUser(id){
Swal.fire({
title: 'Are you sure?',
text: "You won't be able to revert this!",
type: 'warning',
showCancelButton: true,
confirmButtonColor: '#3085d6',
cancelButtonColor: '#d33',
confirmButtonText: 'Yes, delete it!'
}).then((result) => {
//send request to the server
this.form.delete('api/user/'+id).then(()=>{
Swal.fire(
'Deleted!',
'Your file has been deleted.',
'success'
)
}).catch(()=>{
swal("Failed!", "There was something worng.", "warning");
});
})
},
как решить эту проблему