vue跳轉(zhuǎn)頁面攜帶參數(shù)并且立即執(zhí)行方法
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)文章
Vue結(jié)合高德地圖實現(xiàn)HTML寫自定義信息彈窗全過程
最近開發(fā)中遇到一個多個點繪制,并實現(xiàn)點擊事件,出現(xiàn)自定義窗口顯示相關(guān)信息等功能,下面這篇文章主要給大家介紹了關(guān)于Vue結(jié)合高德地圖實現(xiàn)HTML寫自定義信息彈窗的相關(guān)資料,需要的朋友可以參考下2023-04-04vue treeselect獲取當(dāng)前選中項的label實例
這篇文章主要介紹了vue treeselect獲取當(dāng)前選中項的label實例,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2020-08-08vue實現(xiàn)echart餅圖legend顯示百分比的方法
本文主要介紹了vue實現(xiàn)echart餅圖legend顯示百分比的方法,文中通過示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下2021-09-09swiper在vue項目中l(wèi)oop循環(huán)輪播失效的解決方法
今天小編就為大家分享一篇swiper在vue項目中l(wèi)oop循環(huán)輪播失效的解決方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-09-09DeepSeek?助力?Vue?開發(fā)絲滑的步驟條效果(過程詳解)
本文詳細(xì)介紹了如何使用Vue.js和ElementUI創(chuàng)建一個進(jìn)度條組件,并將所有代碼保存在一個文件夾中,本文給大家介紹的非常詳細(xì),感興趣的朋友跟隨小編一起看看吧2025-02-02Vue2.0設(shè)置全局樣式(less/sass和css)
這篇文章主要為大家詳細(xì)介紹了Vue2.0設(shè)置全局樣式(less/sass和css),具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-11-11vue+elementUI顯示表格指定列合計數(shù)據(jù)方式
這篇文章主要介紹了vue+elementUI顯示表格指定列合計數(shù)據(jù)方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-10-10使用element ui中el-table-column進(jìn)行自定義校驗
這篇文章主要介紹了使用element ui中el-table-column進(jìn)行自定義校驗方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-08-08