[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"blog-vueionic中取得route資訊的方式":3},{"id":4,"slug":5,"title":6,"description":7,"content":8,"date":9,"image":10,"imageAlt":6,"author":11,"categories":14,"path":19,"minRead":20},133,"vueionic中取得route資訊的方式","[Vue]ionic中取得route資訊的方式","ionic中取得route資訊 一般在Vue中想取得url的參數或是網域位置，如果有使用vue-route的話 […]","\u003Ch1>ionic中取得route資訊\u003C\u002Fh1>\n\u003Cp>一般在Vue中想取得url的參數或是網域位置，如果有使用vue-route的話，可以直接取用，方法如下\u003C\u002Fp>\n\u003Cpre>\u003Ccode class=\"language-vue\">const params = $route.params\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cp>或是在3.0要這要宣告\u003C\u002Fp>\n\u003Cpre>\u003Ccode class=\"language-vue\">const params = this.$route.params\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cp>例如localhost\u002Ftest?username=橫隔膜，就可以以下面形式取出。\u003C\u002Fp>\n\u003Cpre>\u003Ccode class=\"language-vue\">const params = this.$route.params\nconst username = params.username\n\u002F\u002Fparams : test\n\u002F\u002Fusername : 橫隔膜\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cp>但最近使用ionic做這這件時，這樣宣告會一直跳出錯誤，發現不能直接取用this.$route，甚至不能用this。找了一段時間終於在ionic的\u003Ca href=\"https:\u002F\u002Fionicframework.com\u002Fdocs\u002Fvue\u002Fnavigation\" title=\"說明文件\">說明文件\u003C\u002Fa>中找到正確寫法，其實只要拿掉"$"就可以囉。\u003C\u002Fp>\n\u003Cpre>\u003Ccode class=\"language-vue\">const params= route.params;\u003C\u002Fcode>\u003C\u002Fpre>\n","2022-09-27T16:10:00","",{"name":12,"link":13},"Chih Fan","http:\u002F\u002Fpost.billxu.net",[15,17],{"name":16,"slug":16},"frontend",{"name":18,"slug":18},"vue","\u002Fblog\u002Fvueionic中取得route資訊的方式",1]