alert() с подтверждением и ajax (использую SweetAlert). Покурил мануалы и понял, что в этом может помочь расширение для Vue.js – vue-resource.<a href="#"
v-on:click="deleteArticle('{{ url('/articles/' . $article->id . '/delete') }}')">Удалить</a>var article_form = new Vue({
el: '#article_form',
...
...
methods: {
deleteArticle: function (url) {
swal({
title: "Are you sure?",
text: "You will not be able to recover this imaginary file!",
type: "warning",
showCancelButton: true,
confirmButtonColor: "#DD6B55",
confirmButtonText: "Yes, delete it!",
closeOnConfirm: false
}, function () {
this.$http.delete(url, function () {
swal("Deleted!", "Your imaginary file has been deleted.", "success");
});
});
}
}
});TypeError: undefined is not an object (evaluating 'this.$http["delete"]')
deleteArticle: function (url) {
let self = this;
swal({
title: "Are you sure?",
text: "You will not be able to recover this imaginary file!",
type: "warning",
showCancelButton: true,
confirmButtonColor: "#DD6B55",
confirmButtonText: "Yes, delete it!",
closeOnConfirm: false
}, function () {
self.$http.delete(url, function () {
swal("Deleted!", "Your imaginary file has been deleted.", "success");
});
});
}<a href="#"
v-on:click="deleteArticle()">Удалить</a>window.Laravel = <?= json_encode([
'base_url' => url(),
'article' => isset($article) ? $article->toArray() : null,
]); ?>var article_form = new Vue({
el: '#article_form',
data: {
delete_url: window.Laravel.base_url + '/article/' + window.Laravel.article.id + '/delete'
},
methods: {
deleteArticle: function () {
var self = this;
swal({
title: "Are you sure?",
text: "You will not be able to recover this imaginary file!",
type: "warning",
showCancelButton: true,
confirmButtonColor: "#DD6B55",
confirmButtonText: "Yes, delete it!",
closeOnConfirm: false
}, function () {
self.$http.delete(self.delete_url, function () {
swal("Deleted!", "Your imaginary file has been deleted.", "success");
});
});
}
}
});
Средний