@Anton8989

Как сохранить параметр, который передан через router, после перезагрузки страницы?

Доброе время суток)) Суть вопроса такова - по клику я передаю через 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')
    },
    
  ]

})
  • Вопрос задан
  • 610 просмотров
Пригласить эксперта
Ответы на вопрос 1
BRAGA96
@BRAGA96
LocalStorage либо вместо router.params юзать router.query
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы