vue路由跳轉的三種方式
1、router-link,這屬於實現跳轉最簡單的方式。
<router-link to='需要跳轉到的頁面的路徑>
瀏覽器在解析時,會將它解析成一個類似於<a> 的標籤。
div和css樣式略
<li >
<router-link to="keyframes">點擊驗證動畫效果 </router-link>
</li>
不要忘記了給需要跳轉的路徑在需要提前在router/index.js下引入。
2、this.$router.push({ path:’/user’})
常常用於路由傳參,用法與第三種相似。
區別是:
1.query引入方式
params只可以用name來引入路由。
而query需要用path引入。
2.query傳遞方式
與ajax中get傳參類似,在瀏覽器地址欄中顯示參數。
params則類似於post,在瀏覽器地址欄中不顯示參數。
在helloworld.vue文件中
<template>
.....
<li @click="change">驗證路由傳參</li>
</template>
<script>
export default {
data () {
return {
id:43, //需要傳遞的參數
}
},
methods:{
change(){
this.$router.push({ //核心語句
path:'/select', //跳轉的路徑
query:{ //路由傳參時push和query搭配使用 ,作用時傳遞參數
id:this.id ,
}
})
}
}
}
</script>
在select.vue文件中
<template>
<select>
<option value="1" selected="selected">成都</option>
<option value="2">北京</option>
</select>
</template>
<script>
export default{
data(){
return{
id:'',
}
},
created(){ //生命週期裏接收參數
this.id = this.$route.query.id, //接受參數關鍵代碼
console.log(this.id)
}
}
</script>
當然也可以在使用的標籤中通過v-if = ‘id == 1’或是else-if = 'id == 2'等進行區分拼接。
3、this.$router.replace{path:‘/’ }類似,就不做過多的介紹了。
-
汽車均衡器怎麼調音質好
1、首先打開播放器,播放一首歌,選擇均衡器。2、就可以進行相應的設置,在選擇自定義的時候。3、需要了解音樂均衡器的各個頻段所增益的樂器及調節效果,20HZ-40HZ,在這一段中提升能夠使音樂變得強而有力。4、40HZ-150HZ,是聲音的基礎部分,聲音豐滿柔和。...
-
螞蟻森林如何不讓別人收取能量,積分兌換
1、首先打開支付寶APP,點擊:我的,在我的頁面找到:螞蟻會員,點進去。2、進來之後,我們在螞蟻會員頁面找到:領積分,點擊進去。3、進來之後我們可以看到自己的積分,以及:螞蟻森林能量保護罩的圖標,我們會看到兌換需要200積分,積分足夠可以點擊,馬上兌。4、之後進入螞蟻森林頁面...
-
手機怎麼剪愛奇藝裏的視頻
喜歡看影視劇的朋友想必對愛奇藝不會陌生,它裏面的影視劇資源很多。一些朋友也會選擇在愛奇藝上面下載視頻進行剪輯處理,那麼手機愛奇藝具體該怎麼剪輯視頻呢?第一種方法是用愛奇藝截取片段,找到並打開手機愛奇藝視頻,進入想要剪輯的愛奇藝視頻裏面,然後選擇視頻右端...
-
電腦啓動不起來是什麼原因
1、首先可能是電源出現問題導致啓動不起來,建議檢查電源。2、主機內部電路損壞,建議找專業人員維修。3、風扇的轉速以及平穩性不好,導致散熱不好,主機無法啓動。4、CUP損壞後也會出現此現象,CPU損壞無法通過自檢,計算機無法啓動。...