Я это сделал! Не знаю как и почему этот код работает, то он работает!
Если кто то поймет, поделитесь, пожалуйста.
<button v-on:click="setItemId1({{ $news->id }})" v-bind:class="activeClass" v-show="!items[{{ $news->id }}]" class="btn btn-xs btn-primary">Delete</button>
<span v-if="items[{{ $news->id }}]">
<a href="{{ route('admin.news.delete', $news->id) }}" class="btn btn-xs btn-success">Yes</a>
<a href="#" v-on:click="setItemId0({{ $news->id }})" class="btn btn-xs btn-danger">No</a>
</span>
var app = new Vue({
el: '#app',
data: {
items: {},
activeClass: 'active'
},
created: function () {
var items = this.items;
var news = {!! $news->toJson() !!};
news.data.forEach(function(element) {
items[element.id] = 0;
});
},
methods: {
setItemId1: function (item_id) {
this.activeClass = 'active2';
this.activeClass = 'active3';
var items = this.items;
Object.keys(this.items).forEach(function(key) {
if (item_id == key) {
items[key] = 1;
} else {
items[key] = 0;
}
});
},
setItemId0: function (item_id) {
this.activeClass = 'active2';
this.activeClass = 'active3';
this.items[item_id] = 0;
}
}
});