私は非常に単純なページを持っていますが、ほんの数行のコードがあり、vue-componentを使わずにvue-routerを使いたいと思います。vue 2にコンポーネントなしでvue-routerを使用できますか?
www.example.com/my-search-query
をし、私のメインヴュー()オブジェクトでそれを使用します。
は私がルート後string "my-search-query"
を取得したいと思います。これは可能ですか?
ありがとうございました!
私は非常に単純なページを持っていますが、ほんの数行のコードがあり、vue-componentを使わずにvue-routerを使いたいと思います。vue 2にコンポーネントなしでvue-routerを使用できますか?
www.example.com/my-search-query
をし、私のメインヴュー()オブジェクトでそれを使用します。
は私がルート後string "my-search-query"
を取得したいと思います。これは可能ですか?
ありがとうございました!
メインヴュー()Appオブジェクトの変更:
あなたはこのようなwww.example.com/#/my-search-query
から"my-search-query"
文字列を取得できます。正しい方向に私を指しているため@samayoする
const router = new VueRouter({
routes: [
{ path: '/:question' }
]
})
const app = new Vue({
el: '#app',
router,
watch: {
'$route.params.question': function(newVal, oldVal) {
alert(newVal === 'my-search-query');
}
}
});
ありがとう!
tom_hによれば、パス名を取得する場合は、window.location.pathname
を使用できます。あなたはときに、このパス名の変更通知を受けたい場合は、最初にあなたのデータ(){}オブジェクトに初期化して、それを見て:vue-component
なしvue-router
を使用することが可能である、まだパスについて通知すること
data() {
return {
path: window.location.pathname
}
},
watch: {
path (newpath, oldpath) {
alert('location path just changed from ' + newpath + ' to ' + oldpath)
}
}
vue-routerを使いたい場合は、 '' 'window.location.pathname'''を使用してください。 –
@tom_hパスが" my-other-search-query "に変わったときにどのように通知されますか? "?申し訳ありませんが、私はちょうどvueを学び始めています。 – JinJi