问答博客资讯标签用户活动
logo极客观点logo项目管理logoHarmonyOS
开发者社区
javascript
前端
python
node.js
react
vue.js
php
laravel
go
人工智能
mysql
linux
ios
java
android
css
typescript
spring
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

vue-router v0.7.13 如何获取params值？

头像
csdudu
    18783036

    Vue.js v1.0.28 / vue-router v0.7.13
    路由切换已经实现。但我想用$route.params.* ，向同一个子组件传送不同的数据，可是无法实现，请教错在哪？

    <body>
    <div id="app"></div>


    <!-- 父模板 -->
    <template id="parent">
        <div class="parent">
                <router-view></router-view>
             <nav>
                 <a v-link="{ path: '/child',params: { a: 1 } }">child-1</a>
                 <a v-link="{ path: '/child',params: { a: 2 } }">child-2</a>
                 <a v-link="{ path: '/other' }">other</a>
             </nav>
        </div>
    </template>
    <script>

    child = Vue.extend({template: '<div class="round">子:{{$route.params.a}}</div>' });
    other = Vue.extend({template: '<div class="round">other</div>'});
    parent = Vue.extend({template: '#parent'})

    Vue.use(VueRouter);
    var router = new VueRouter();
    router.map({
        '/child': {component: child },
        '/other': {component: other }
    });

    router.start(parent, '#app');
    router.go({"path":"/child"} );
    </script>
</body>
    vue-router
    阅读 4.4k
    1 个回答
    得票最新
    头像
    csdudu
      18783036
      ✓ 已被采纳

      已经找到了答案：

      router.map({
    '/child/:a/:b/:c': {name:'child',component: child },
    '/other': {component: other }
});

router.start(parent, '#app');
var ppp = { a: 888,b: 12222,c: 666 };
router.go({name: 'child',params: ppp } );
      撰写回答
      你尚未登录，登录后可以
      • 和开发者交流问题的细节
      • 关注并接收问题和回答的更新提醒
      • 参与内容的编辑和改进，让解决方法与时俱进
      推荐问题