data () {
return {
data: ''
}
},
async fetch() {
const res = await this.$store.dispatch('card/fetchById', this.$route.params.slug)
this.data = res
},async beforeRouteEnter(to, from, next) {
const store = from.matched[0].instances.default.$store
next(vm => {
vm.data = res.card
vm.componentName = res.category;
})
}props: {
data: {
type: String,
required: true
}
},
data () {
return {
datas: ''
}
},
async fetch({store}) {
this.datas = await store.dispatch('card/fetchById', data)
},async beforeRouteEnter(to, from, next) {
const store = to.matched[0].instances.default.$store
await store.dispatch('data/getData', to.params.slug)
// this.componentName = res.data;
}async beforeRouteEnter(to, from, next) {
next(vm => {
console.log(to.params.slug);
vm.store.dispatch('data/getData', to.params.slug)
})
// this.componentName = res.data;
}const res = await store.dispatch('some/fetchById', что я должен сюда передать, какой параметр может быть?)
this.componentName = res.data;<template>
<div>
</div>
</template>
<script>
export default {
async asyncData({store, params}) {
console.log(params.post);
// В этой строке я должен делать запрос и возвращать ответ уже с правильной сущностью?
const post = await store.dispatch('card/fetchById', params.post)
comonent = {post}
},
// Как тогда правильно сделать этот хук?
beforeRouteEnter(to, from, next) {
console.log("before route called");
}
}
</script>this.$router.push(`/${tag}`)async fetchById({commit}, tag) {
try {
return await this.$axios.$get(`/api/tag/${tag}`)
} catch(e) {
commit('setError', e, {root: true})
throw e
}
},async asyncData({store, params}) {
console.log(params.tag);
const tag = await store.dispatch('tag/fetchById', params.tag)
return {tag}
},async asyncData({store, params}) {
console.log(params.tag);
const tag = await store.dispatch('tag/fetchById', params.tag)
return {tag}
},async asyncData({store, params}) {
const post = await store.dispatch('post/fetchById', params.post)
await store.dispatch('post/addView', post)
return {post}
},