新闻资讯APP——Resultpage.vue组件

新闻资讯APP——Resultpage.vue组件

重点摘录：

1.路由的传参

Markup

this.$router.push({path:'/newspage', query:{id:params}})

2.在组件调用数组仓库中的mutations中的方法时，一定要在mouted 中调用一下

Markup

  mounted() {
        this.$nextTick(function(){
            this.getListBySearch({
                searchword:this.$route.query.searchword
            })
            this.showsearch = this.$route.query.searchword;
        })
    },

代码：

Markup

<!--  -->
<template>
  <div>
    <div>
      <i class="fa fa-chevron-left left" aria-hidden="true" @click="toMainPage"></i>
      <div>
        <i class="fa fa-search searchicon" aria-hidden="true" @click="toSearchPage"></i>
        <input type="text" placeholder="请输入关键字..."  @