今天就跟大家聊聊有關(guān)vue-router中query動(dòng)態(tài)傳參問題如何解決，可能很多人都不太了解，為了讓大家更加了解，小編給大家總結(jié)了以下內(nèi)容，希望大家根據(jù)這篇文章可以有所收獲。

創(chuàng)新互聯(lián)公司服務(wù)項(xiàng)目包括通許網(wǎng)站建設(shè)、通許網(wǎng)站制作、通許網(wǎng)頁制作以及通許網(wǎng)絡(luò)營銷策劃等。多年來，我們專注于互聯(lián)網(wǎng)行業(yè)，利用自身積累的技術(shù)優(yōu)勢、行業(yè)經(jīng)驗(yàn)、深度合作伙伴關(guān)系等，向廣大中小型企業(yè)、政府機(jī)構(gòu)等提供互聯(lián)網(wǎng)行業(yè)的解決方案，通許網(wǎng)站推廣取得了明顯的社會(huì)效益與經(jīng)濟(jì)效益。目前，我們服務(wù)的客戶以成都為中心已經(jīng)輻射到通許省份的部分城市，未來相信會(huì)繼續(xù)擴(kuò)大服務(wù)區(qū)域并繼續(xù)獲得客戶的支持與信任！

問題描述如下：

希望跳轉(zhuǎn)的時(shí)候url是這樣的：http://localhost:8080/editmovie?id=****

修改

但是呢？上面的只是一個(gè)靜態(tài)的，url永遠(yuǎn)會(huì)是：http://localhost:8080/editmovie?id=111

實(shí)際上我需要的id是放在一個(gè)隱藏的元素中的：

2016987

剛開始我的想法就是，想調(diào)用組件中的methods中的方法，但是嘗試了幾次，都失敗了，之后偶然看到一個(gè)問答

vue-router動(dòng)態(tài)配置傳入?yún)?shù)問題，然后我又看到下面的代碼：

 
  
  
{{el.tourism_name}} {{el.tog_line_id}}
  
{{el.address}}
 

一下子感覺有了思路，解決辦法如下：

給li的id綁定了data中的id，然后query中寫入綁定的這個(gè)就可以了

修改

export default {
 name : 'Movie',
 data() {
 return {
  id : ""
 }
 },
 methods: {
 getId () {
  var id = $('.hiden').eq(0).text();
  console.log(id);
 }
 },
 mounted() {
 this.id = $('.hiden').eq(0).text();
 },
 components : {
 Heade,
 Foot
 }
}

看完上述內(nèi)容，你們對(duì)vue-router中query動(dòng)態(tài)傳參問題如何解決有進(jìn)一步的了解嗎？如果還想了解更多知識(shí)或者相關(guān)內(nèi)容，請(qǐng)關(guān)注創(chuàng)新互聯(lián)成都網(wǎng)站設(shè)計(jì)公司行業(yè)資訊頻道，感謝大家的支持。

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。

網(wǎng)站題目：vue-router中query動(dòng)態(tài)傳參問題如何解決-創(chuàng)新互聯(lián)
文章出自：http://weahome.cn/article/dceeog.html