Vue路由地址栏传参

最新推荐文章于 2025-05-24 16:02:32 发布

原创最新推荐文章于 2025-05-24 16:02:32 发布 · 924 阅读

0 ·

CC 4.0 BY-SA版权

Vue 专栏收录该内容

53 篇文章

订阅专栏

<template>
  <div id="app">
    <p>{{$route.getParam.color}}</p>
  </div>
</template>

<script>
//如果要使用vue全局.
import Vue from 'vue'
export default {
  data() {
  },
  methods:{
    getParam(){
      console.log(this.$route.getParam);
    }   
  }
};
</script>




import Vue from 'vue'
import Router from 'vue-router'
import HelloWorld from '@/components/HelloWorld'

Vue.use(Router)

export default new Router({
  routes: [
    {
      path: '/:color',
      name: 'HelloWorld',
      component: HelloWorld
    }
  ]
})