vue中利用a标签进行页面跳转，怎样做才能跳转呢

方式一：

<router-link :to="'/jump?type=1'">

<p id="jump">跳转</p>

</router-link>

方式二：

jump(){

this.$router.push({

name:"jump"

})

}

扩展资料

Vue 中 路由有两种不同的模式

hash 模式 （默认模式）

使用 URL 的 hash 来模拟一个完整的 URL，于是当 URL 改变时，页面不会重新加载。

hisotry 模式

history模式是基于最新的HTML5里面history相关的api进行的一些 *** 作。不过这种模式要玩好，还需要后台配置支持不然会出现404找不到页面这种问题。history模式时，重定向会有些问题，需要页面的名字叫index.html才行。history模式只能兼容到IE10及以上。

vue中的a标签是超链接标签，通过a标签可以进行页面的跳转或者是描点跳转。

但是由于vue是单页面，在进行a标签进行跳转的时候，需要将a标签的src属性设置为空，禁止页面跳转，然后在a标签的点击事件里面通过vue-router路由进行页面之间的跳转。

另外一个a标签设置描点链接需要将a标签的src设置为#+描点名称，这样就达到了a标签的连接跳转。

1.初始化项目,进入项目根目录下,我们会看一般性的文档配置如下: 实际上,我们需要修改的是public文件夹和src文件夹,以及增加一个配置文件vue.config.js. 在原本的文件中,index.html...

2.现在,我们可以把src文件夹下的main.js和app.vue文件删除了,同时也把public问价下的index.html文件...

3.现在,我们就可以在项目下通过<a>标签实现页面跳转了, 比如,我想在index.html...

---