头条.搜索历史记录,文章详情页

搜索框搜索之后要有历史记录

声明一个变量,用来存放历史记录,

data(){

return{

ishidtory:[]

}

}

存放历史记录

this.history.unshift(val)

判断一下,不能有重复,有重复就删除,并添加到第一个.

const id=this.ishistory.indexOf(val)

if(id !== -1){

this.ishistory.splice(id,1)

}

优化并永久化,渲染到页面上

调用函数,

import {setItem,getItem} from '@/utils/store'

监听数组,页面加载,就获取数据,

ishistory:getItem('HISTORY') || []

watch:{

ishistory(val){

setItem('HISTORY',val)

}

}

从文章列表页跳转到文章详情页

要在地址后面传入一个文章的id,在文章详情页,获取到文章id.

路由配置

{path:'/srticle/:srticleId',name:'srticle',component:()=>import('@/views/srticle',props:true)}

子组件中接受id,此时,子元素中可以拿到文章的id

props:{

          srticleId:{

                  type