相关疑难解决方法(0)

问题

嗨，开发人员，

我有一个问题，当我想多次搜索时会显示NavigationDuplicated错误。我的搜索位于导航栏中，而我配置搜索的方式是使用模型获取值，然后将该值作为参数传递给ContentSearched组件，然后在该组件中接收搜索的值。

我知道正确的方法是使用发射器，但我仍然不知道如何学习使用它。要访问发射是context.emit('', someValue)

如果有人可以帮助我解决问题，我将不胜感激。

NavigationDuplicated {_name: "NavigationDuplicated", name: "NavigationDuplicated", message: "Navigating to current location ("/search") is not allowed", stack: "Error?    at new NavigationDuplicated (webpack-int…node_modules/vue/dist/vue.runtime.esm.js:1853:26)"}

导航栏

<template>
  <nav class="navbar navbar-expand-lg navbar-dark bg-nav" v-bind:class="{'navbarOpen': show }">
    <div class="container">
      <router-link to="/" class="navbar-brand">
        <img src="../assets/logo.png" alt="Horizon Anime" id="logo">
      </router-link>

      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation" v-on:click.prevent="toggleNavbar">
        <span class="navbar-toggler-icon"></span>
      </button>

      <div class="collapse navbar-collapse" id="navbarSupportedContent" v-bind:class="{'show': show }">
        <ul class="navbar-nav mr-auto">
          <li class="nav-item">
            <router-link class="nav-link" to="/" ><i class="fas …