0
мой взгляд, как это:Как обновить данные на странице без обновления на vue.js?
<div class="favorite" style="margin-bottom:5px;">
@if (Auth::user())
<add-favorite-store :id-store="{{ $store->id }}"></add-favorite-store>
@else
<a href="javascript:" class="btn btn-block btn-success">
<span class="fa fa-heart"></span> Favorite
</a>
@endif
</div>
Мой компонент, как это:
<template>
<a href="javascript:" class="btn btn-block btn-success" @click="addFavoriteStore($event)">
<span class="fa fa-heart"></span> <label id="favoriteId">{{ store_id == 'responseFound' ? 'Un-Favorite' : 'Favorite' }}</label>
</a>
</template>
<script>
export default{
props:['idStore'],
mounted(){
this.checkFavoriteStore()
},
methods:{
addFavoriteStore(event){
var label = $('#favoriteId')
var text = label.text()
event.target.disabled = true
const payload= {id_store: this.idStore}
if(text == "Favorite") {
this.$store.dispatch('addFavoriteStore', payload)
}
else {
this.$store.dispatch('deleteFavoriteStore', payload)
}
setTimeout(function() {
location.reload(true)
}, 1500)
},
checkFavoriteStore(){
const payload= {id_store: this.idStore}
var data = this.$store.dispatch('checkFavoriteStore', payload)
data.then((res) => this.store_id = res)
}
},
data() {
return {
store_id: ''
}
}
}
</script>
На мой код выше, я с помощью
location.reload (истинный)
для обновления данных на странице. Но это перезагрузка страницы.
Я хочу, чтобы при обновлении страницы, это не перезагрузите страницу
Как я могу это сделать?
вы можете добавить соответствующий HTML-код, чтобы мы могли это обработать, вам нужно будет найти привязку в VUE. Также объясните, что вы пытаетесь обновить, поэтому мы также можем это сделать для вас. Вы обновляете страницу DONT, вы добавляете переменные привязки, поэтому обновление var в скрипте также обновит varible/html. –
не проблема, но можете ли вы также объяснить, что вы хотите обновить, как в случае, если пользователь делает это, тогда он делает это, и тогда я хочу это сделать, объясню процесс и что должно произойти, вы используете много нормальные js и vue могут hanlde для вас вместо этого –