如何在Vue中不使用router-link方法實(shí)現(xiàn)一個(gè)頁(yè)面跳轉(zhuǎn)功能-創(chuàng)新互聯(lián)
本文章向大家介紹如何在Vue 中不使用router-link方法實(shí)現(xiàn)一個(gè)頁(yè)面跳轉(zhuǎn)功能，主要包括如何在Vue 中不使用router-link方法實(shí)現(xiàn)一個(gè)頁(yè)面跳轉(zhuǎn)功能的使用實(shí)例、應(yīng)用技巧、基本知識(shí)點(diǎn)總結(jié)和需要注意事項(xiàng)，具有一定的參考價(jià)值，需要的朋友可以參考一下。
成都創(chuàng)新互聯(lián)是一家業(yè)務(wù)范圍包括IDC托管業(yè)務(wù),虛擬空間、主機(jī)租用、主機(jī)托管，四川、重慶、廣東電信服務(wù)器租用,
服務(wù)器托管，成都網(wǎng)通服務(wù)器托管,成都服務(wù)器租用,業(yè)務(wù)范圍遍及中國(guó)大陸、港澳臺(tái)以及歐美等多個(gè)國(guó)家及地區(qū)的互聯(lián)網(wǎng)數(shù)據(jù)服務(wù)公司。
Vue的優(yōu)點(diǎn)
Vue具體輕量級(jí)框架、簡(jiǎn)單易學(xué)、雙向數(shù)據(jù)綁定、組件化、數(shù)據(jù)和結(jié)構(gòu)的分離、虛擬DOM、運(yùn)行速度快等優(yōu)勢(shì)，Vue中頁(yè)面使用的是局部刷新，不用每次跳轉(zhuǎn)頁(yè)面都要請(qǐng)求所有數(shù)據(jù)和dom，可以大大提升訪問(wèn)速度和用戶體驗(yàn)。
1、給父頁(yè)面跳轉(zhuǎn)的地方設(shè)置事件
//原來(lái)的頁(yè)面上展示的信息
編輯
//帶參數(shù)進(jìn)行編輯
刪除
//要跳轉(zhuǎn)過(guò)去的頁(yè)面用隱藏來(lái)代替
//v-model綁定formData.name(name為需要的字段,formDataw為表格ref綁定的數(shù)據(jù))
確定
取消
2、JS部分
data() {
addShow: false //設(shè)置要顯示的頁(yè)面部分默認(rèn)為false，隱藏
checkdDistributor: null,
},
methods: {
// 編輯按鈕
handleEdit(index,row){
this.checkdDistributor = row; //接受傳參
this.addShow = true; // addshow為要顯示的頁(yè)面
}
}
watch: {
// 帶參數(shù)編輯
checkdDistributor(){
for(let attr in this.formData){
this.formData[attr] = ('' + this.checkdDistributor[attr]); //寫入?yún)?shù)
}
}
},3、最后上效果圖
補(bǔ)充：
vue router-link跳轉(zhuǎn)傳值示例
1、router-link
2、routes路由
export default new Router({
routes: [
{
path: '/',
name: 'Index',
component: Index
},
{
path: '/deitail',
name: 'deitail',
component: deitail
}
]
})3、取值
{{$route.params.freezeMon}}
4、小結(jié)：router-link跳轉(zhuǎn)傳值要注意的地方
* to前面要加:
* to后面{中的name值要與路由中的name值一致
* 下面的這種方式是錯(cuò)誤的
到此這篇關(guān)于如何在Vue 中不使用router-link方法實(shí)現(xiàn)一個(gè)頁(yè)面跳轉(zhuǎn)功能的文章就介紹到這了，更多相關(guān)的內(nèi)容請(qǐng)搜索創(chuàng)新互聯(lián)成都網(wǎng)站設(shè)計(jì)公司以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持創(chuàng)新互聯(lián)成都網(wǎng)站設(shè)計(jì)公司！
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無(wú)理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì)，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。
分享名稱：如何在Vue中不使用router-link方法實(shí)現(xiàn)一個(gè)頁(yè)面跳轉(zhuǎn)功能-創(chuàng)新互聯(lián)
本文地址：
http://weahome.cn/article/giisp.html
重慶分公司
重慶分公司
