Доброе время суток)) Суть вопроса такова - по клику я передаю через router параметр, параметр передается корректно, и его значение отображается, но после перезагрузки страницы, параметр удаляется, и консоль орошается кровью)) Подскажите, пожалуйста, как после перезагрузке страницы можно сохранять этот параметр, прилагаю код -
Файл 1
<template>
<div class="Scroll-Item" v-for="(task,index) in tasks" :key="index" @click="goTask(task.id)">
<div class="Scroll-Title">Название анкеты</div>
<div class="Scroll-Description">Описание анкеты</div>
</div>
</template>
<script>
<script>
import Top from '@/components/Top'
export default {
data() {
return {
b: ''
}
},
components: {
Top
},
computed: {
tasks() {
return this.$store.getters.tasks
}
},
methods: {
async goTask(proId) {
let post = await fetch('/article/promise-chaining/user.json')
this.$router.push({name:'performer',params:{Pid:proId, info: post}})
}
}
}
</script>
Файл 2
<template>
<div class="Performer">
<div class="Performer-Content">
<div v-for="(task,index) in tasks" :key="index">
<div v-if="proId == task.id">
<div>{{post.url}}</div>
</div>
</div>
</div>
</div>
</template>
<script>
export default {
name: 'performer',
data(){
return{
proId: this.$route.params.Pid,
post: this.$route.params.info,
}
</script>
Файл 3 (то что в файле router.js)
import Vue from 'vue'
import Router from 'vue-router'
Vue.use(Router)
export default new Router({
mode: 'history',
base: process.env.BASE_URL,
routes: [
{
path: '/performer/:Pid',
name: 'performer',
meta: {layout: 'main'},
component: () => import('./views/Performer.vue')
},
{
path: '/workers',
name: 'workers',
meta: {layout: 'main'},
component: () => import('./views/Workers.vue')
},
]
})