Vue跳转页面传值（带参数）

Vue跳转页面传值（带参数）

<div>
  <div>
    <input type="text" placeholder="输入关键字搜索" v-model="keycode" />
    <img src="搜索图标图片" @click="search()" />
  </div>
</div>

---

发送数据的页面

methods: {
  search() {
      if (this.keycode) {
        this.$router.push({
          name: "要跳转的页面名",
          query: {
            category: this.newsValue,
            keyword: this.keycode,
          }
        })
      }
    }
  }

---

接收数据的页面

activated() {
    let category = this.$route.query.category
    let keyword = this.$route.query.keyword
    if (category && keyword) {
      this.getCodeResult(category, keyword)
    }
  }

methods: {
   getCodeResult(category, keyword) {
      this.$axios.post('后端接口地址', {
        category: category,
        keyword: keyword
      }).then(res => {
        this.newsContent = res.data.content
      });
    }
}

---