關(guān)于Vue不跳轉(zhuǎn)的問題，有時(shí)候我們在使用Vue開發(fā)應(yīng)用時(shí)會(huì)遇到，比如在提交表單的時(shí)候，頁面并沒有刷新，而是在當(dāng)前頁面內(nèi)進(jìn)行了一些操作。這是Vue的路由機(jī)制造成的。Vue使用了前端路由機(jī)制，通過瀏覽器的History API或者Hash來實(shí)現(xiàn)SPA（Single Page Application）的效果。這種機(jī)制使得我們可以在一個(gè)頁面內(nèi)切換不同的視圖，而不需要每次重新加載整個(gè)頁面。

Vue使用router插件來實(shí)現(xiàn)路由功能。在Vue的組件化開發(fā)中，每個(gè)頁面是一個(gè)組件，并且每個(gè)組件都可以使用路由來進(jìn)行切換。如果我們對路由進(jìn)行了配置，就可以通過路由來進(jìn)行頁面的跳轉(zhuǎn)。

const router = new VueRouter({
routes: [
{ path: '/', component: Home },
{ path: '/about', component: About }
]
})

在Vue中，路由導(dǎo)航是通過router-link組件來實(shí)現(xiàn)的。我們可以將router-link看做是一個(gè)超鏈接，它會(huì)根據(jù)路由來切換視圖。

HomeAbout

當(dāng)我們點(diǎn)擊router-link時(shí)，Vue會(huì)通過vue-router插件來進(jìn)行路由切換，而不會(huì)重新加載整個(gè)頁面。這樣我們就可以在一個(gè)頁面內(nèi)進(jìn)行多個(gè)視圖的切換。

有時(shí)候我們需要在Vue中進(jìn)行表單提交，并且需要頁面進(jìn)行刷新。但是在Vue的路由機(jī)制下，頁面并不會(huì)進(jìn)行刷新。為了解決這個(gè)問題，我們可以使用HTML5的form表單提交機(jī)制。在form標(biāo)簽中添加一個(gè)target屬性，并且將其值設(shè)為"_blank"，這會(huì)使得表單提交后會(huì)在新的窗口中打開頁面，從而進(jìn)行刷新。

<form action="/submit" method="post" target="_blank">
...
 </form>

如果我們需要在表單提交之后在當(dāng)前頁面內(nèi)進(jìn)行一些操作，可以通過在表單中添加hidden類型的input標(biāo)簽來實(shí)現(xiàn)。該標(biāo)簽可以用來傳遞一些額外的參數(shù)，比如當(dāng)前時(shí)間戳，以便在表單提交后在當(dāng)前頁面內(nèi)進(jìn)行操作。

<form action="/submit" method="post">
<input type="hidden" name="timestamp" v-bind:value="Date.now()">
...
 </form>

總之，在Vue的路由機(jī)制下，頁面的跳轉(zhuǎn)并不是通過重新加載整個(gè)頁面來實(shí)現(xiàn)的。如果我們需要進(jìn)行頁面的刷新，可以使用HTML5的form表單提交機(jī)制，并添加一個(gè)target屬性，從而在新的窗口中打開頁面。同時(shí)，在表單中添加hidden類型的input標(biāo)簽，以便在提交表單之后在當(dāng)前頁面內(nèi)進(jìn)行一些操作。