vue getParameter是Vue Router中的一個方法,它可以用來獲取路由中的query參數。在單頁應用開發中,我們經常需要傳遞參數,并且這些參數通常是通過URL進行傳遞的。在Vue Router中,我們可以使用getParamter方法來獲取URL中的參數值。
// 獲取路由中的query參數
this.$route.get('參數名');
其中,this.$route指向當前路由實例,通過調用此方法并傳入參數名即可獲取對應的參數值。例如:
// 定義路由
{
path: '/page',
name: 'page',
component: Page
}
// 跳轉至 /page?name=vue&author=Youlexuan
$route.push({ path: '/page', query: { name: 'vue', author: 'Youlexuan' } })
// 獲取參數
const name = this.$route.query.name; // vue
const author = this.$route.query.author; // Youlexuan
對于不需要參數的路由,我們也可以使用getParamter方法,此時返回的值為undefined。當需要判斷參數值是否存在時,我們可以使用三目運算符來進行判斷:
const name = this.$route.query.name ? this.$route.query.name : 'default value';
以上就是關于vue getParameter的介紹,希望對大家有所幫助。