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

10年的萬(wàn)全網(wǎng)站建設(shè)經(jīng)驗(yàn)，針對(duì)設(shè)計(jì)、前端、開(kāi)發(fā)、售后、文案、推廣等六對(duì)一服務(wù)，響應(yīng)快，48小時(shí)及時(shí)工作處理。營(yíng)銷型網(wǎng)站建設(shè)的優(yōu)勢(shì)是能夠根據(jù)用戶設(shè)備顯示端的尺寸不同，自動(dòng)調(diào)整萬(wàn)全建站的顯示方式，使網(wǎng)站能夠適用不同顯示終端，在瀏覽器中調(diào)整網(wǎng)站的寬度，無(wú)論在任何一種瀏覽器上瀏覽網(wǎng)站，都能展現(xiàn)優(yōu)雅布局與設(shè)計(jì)，從而大程度地提升瀏覽體驗(yàn)。成都創(chuàng)新互聯(lián)從事“萬(wàn)全網(wǎng)站設(shè)計(jì)”,“萬(wàn)全網(wǎng)站推廣”以來(lái)，每個(gè)客戶項(xiàng)目都認(rèn)真落實(shí)執(zhí)行。

問(wèn)題描述如下：

希望跳轉(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

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

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

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

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

給li的id綁定了data中的id，然后query中寫(xiě)入綁定的這個(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)傳參問(wèn)題如何解決有進(jìn)一步的了解嗎？如果還想了解更多知識(shí)或者相關(guān)內(nèi)容，請(qǐng)關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝大家的支持。