vue跳轉(zhuǎn)頁面攜帶參數(shù)并且立即執(zhí)行方法
更新時間：2023年10月12日 10:23:10 作者：時間不會賴著不走
這篇文章主要介紹了vue跳轉(zhuǎn)頁面攜帶參數(shù)并且立即執(zhí)行方法,首先定義跳轉(zhuǎn)函數(shù),結(jié)合實例代碼給大家介紹的非常詳細,需要的朋友參考下吧
vue使用window.open()跳轉(zhuǎn)頁面的代碼案例
1.首先定義跳轉(zhuǎn)函數(shù)
這個是鏈接跳轉(zhuǎn)
<a href="javascript:void(0)" rel="external nofollow" onclick="openPage()">位移變化趨勢圖</a></td></tr> </table>
methods: {
openPage(){
// this.$router.push('/dis/show');
this.$router.push({path: '/dis/show',
query: {
searchObj: { type:"monitoring1" ,data:"data_real",begin:"2018-12-20",end:"2018-12-29"}
}
});2.跳轉(zhuǎn)頁面接收參數(shù)
data() {
return {
searchObj:{},
btnDisabled:false
}
},
created(){
this.getParams(),
this.showChart()
},
methods:{
getParams(){
// 取到路由帶過來的參數(shù)賦值給searchObj
this.searchObj = this.$route.query.searchObj
},3.跳轉(zhuǎn)后直接執(zhí)行方法
就是在跳轉(zhuǎn)頁面直接執(zhí)行
到此這篇關(guān)于vue跳轉(zhuǎn)頁面攜帶參數(shù)并且立即執(zhí)行方法的文章就介紹到這了,更多相關(guān)vue跳轉(zhuǎn)頁面攜帶參數(shù)內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
微信內(nèi)置開發(fā) iOS修改鍵盤換行為搜索的解決方案
今天小編就為大家分享一篇微信內(nèi)置開發(fā) iOS修改鍵盤換行為搜索的解決方案，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-11-11
npm?ERR!?code?E404在vscode安裝插件時報錯的兩種解決方案
這篇文章主要給大家介紹了關(guān)于npm?ERR!?code?E404在vscode安裝插件時報錯的兩種解決方案,關(guān)于這個問題,通常是由于插件名稱輸入錯誤、網(wǎng)絡問題或插件已被刪除引起的,文中將兩種解決方法都介紹的非常詳細,需要的朋友可以參考下2023-04-04
Vue報錯:TypeError:Cannot create property '
這篇文章主要介紹了Vue報錯:TypeError:Cannot create property 'xxx' on string 'xxxx'問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-08-08
postcss一種對css編譯的工具，類似babel對js的處理，postcss只是一個工具，本身不會對css一頓操作，它通過插件實現(xiàn)功能，autoprefixer就是其一2023-02-02
Vue3已經(jīng)穩(wěn)定了相當長一段時間了。許多代碼庫都在生產(chǎn)環(huán)境中使用它，其他人最終都將不得不遷移到Vue3。我現(xiàn)在有機會使用它并記錄了我的錯誤，下面這些錯誤你可能想要避免2023-03-03
本篇文章主要介紹了vue模擬加載更多功能（數(shù)據(jù)追加），小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-06-06
vue3 Teleport瞬間移動函數(shù)使用方法詳解
這篇文章主要為大家詳細介紹了vue3 Teleport瞬間移動函數(shù)使用方法，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-03-03
vue中 el-table每個單元格包含多個數(shù)據(jù)項處理
vue項目中,我們需要在el-table中顯示數(shù)組數(shù)據(jù),有的時候,需要在一個單元格中顯示多條數(shù)據(jù),如何實現(xiàn)呢,對vue el-table單元格相關(guān)知識感興趣的朋友一起看看吧2023-11-11
這篇文章主要介紹了Vue2的路由和異步請求方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-06-06
這篇文章主要介紹了Vue之data定義的三種方式及區(qū)別說明,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-03-03