Vue项目中a标签变成了下载链接怎么变为跳转链接

在Vue项目中，如果a标签被设置为下载链接，可以在a标签中添加v-bind:href属性来绑定一个跳转链接。

例如:

<a v-bind:href="link" download>下载</a>

改成：

<a v-bind:href="link">跳转</a>

需要注意的是，如果需要在点击a标签时执行其他操作，可以在a标签中添加v-on:click事件来绑定点击事件。

例如:

<a v-bind:href="link" v-on:click="doSomething">跳转</a>

相关问题

Vue项目中a标签变成了下载链接怎么办

如果在 Vue 项目中，点击 a 标签会触发下载链接，可以尝试以下解决方案：

1. 使用 v-on 指令绑定点击事件，并在事件处理函数中阻止默认行为，如：

<a v-on:click.prevent="handleClick">Link</a>

2. 使用 native 修饰符，如：

<a @click.native="handleClick">Link</a>

3. 使用 prevent 修饰符，如：

<a @click.prevent="handleClick">Link</a>

4. 使用 v-bind 指令绑定 href 属性，将其设置为 JavaScript 表达式，如：

<a v-bind:href="link">Link</a>

5. 如果是手动跳转页面，可以使用 $router.push() 函数,详细请看 vue-router 中文文档

选择合适的方案，应用到项目中即可。

vue中router-link使用及使用示例

`<router-link>` 是 Vue.js 提供的一个组件，用于实现页面之间的跳转。它可以将点击事件转化为 URL 跳转，并且支持浏览器的前进和后退等操作，让单页应用的路由变得更加方便和友好。

下面是一个基本的使用示例：

<template>
  <div>
    <h1>首页</h1>
    <router-link to="/about">关于我们</router-link>
  </div>
</template>

上面的代码中，我们使用了 `<router-link>` 组件，并将 `to` 属性设置为 `/about`，表示点击链接后将跳转到 `/about` 页面。在组件内部，我们可以像使用普通的 HTML 标签一样来编写链接的文本内容。

除了 `to` 属性之外，`<router-link>` 还可以接收其他一些属性，用于定制链接的行为和样式。例如：

<router-link
  to="/about"
  tag="button"
  active-class="active"
  exact
  :append="true"
>
  关于我们
</router-link>

这里我们使用了 `tag` 属性将链接变成了一个按钮，使用了 `active-class` 属性表示在当前页面时给链接添加一个 `active` 样式，使用了 `exact` 属性表示只有在路径完全匹配时才添加 `active` 样式，最后使用了 `:append` 属性表示在当前路径后面追加 `/about`。

总的来说，使用 `<router-link>` 组件可以让我们更加方便地实现页面之间的跳转，并且提供了很多有用的属性来满足不同的需求。