Блог

Я использую VueJS с этими зависимостями:

 {
  "name": "test",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint"
  },
  "dependencies": {
    "bootstrap": "v4.5.3",
    "bootstrap-vue": "^2.21.2",
    "core-js": "^3.3.2",
    "vue": "^2.6.0",
    "vue-resource": "^1.5.3",
    "vue-router": "^3.1.3",
    "vue-sweetalert2": "^5.0.2",
    "vue-uuid": "^2.0.2",
    "vuex": "^3.6.2"
  },
  "devDependencies": {
    "@vue/cli-plugin-eslint": "^4.0.0",
    "@vue/cli-service": "^4.0.0",
    "babel-eslint": "^10.0.3",
    "eslint": "^5.16.0",
    "eslint-plugin-vue": "^5.0.0",
    "sass": "^1.19.0",
    "sass-loader": "^8.0.0"
  }
}
 

И у меня есть панель навигации:

 <b-nav-item :to="{name: 'client'}">Client</b-nav-item>
<b-nav-item :to="{name: 'company'}">Company</b-nav-item>
<b-nav-item :to="{name: 'employee'}">Employee</b-nav-item>
<b-nav-item :to="{name: 'product'}">Product</b-nav-item>
<b-nav-item :to="{name: 'provider'}">Provider</b-nav-item>

<b-nav-item-dropdown text="Transaction" right>
     <b-dropdown-item href="client">Account</b-dropdown-item>
     <b-dropdown-item href="#">Settings</b-dropdown-item>
</b-nav-item-dropdown>
</b-navbar-nav>
 

Я хочу удалить эту ошибку, которая у меня есть в браузере:

 [vue-router] <router-link>'s tag prop is deprecated and has been removed in Vue Router 4. Use the v-slot API to remove this warning: https://next.router.vuejs.org/guide/migration/#removal-of-event-and-tag-props-in-router-link.
 

но я не нашел хорошего решения для того, чтобы пройти с маршрутизатором и без повторной загрузки всего веб-сайта, как с href помощью .

Я тоже должен использовать <router-link> , но это не работает.