CNode
首页/问答

问一个关于Vue路由初始化时传默认参数的问题

问答
Jjiyarong发布于7 年前最后回复7 年前1 回复4415 浏览0 收藏
<template>
  <div class="container">
    <div class="content">
      <router-view></router-view>
    </div>
  </div>
</template>

<script>
  import VueRouter from 'vue-router';
  import PostList from './posts';

  export default {
    props: ['outside'],
    router: new VueRouter({
      mode: 'history',
      routes: [{
        path: '/',
        component: PostList,
        name: 'post_index',
        props: {outside: outside}
      }]
    })
  };
</script>

本身是个组件，请问我要怎么在这里把outside的参数传给PostList这个组件

查看回复

回复 (1)

J
jiyarong#1·7 年前
<template>
  <div class="container">
    <div class="content">
        <router-view :initialPosts="outside.posts"></router-view>
    </div>
  </div>
</template>

<script>
  import VueRouter from 'vue-router';
  import PostList from './posts';

  export default {
    props: ['outside'],
    router: new VueRouter({
      mode: 'history',
      routes: [{
        path: '/',
        component: PostList,
        name: 'post_index',
        props: true
      }]
    })
  };
</script>

解决了，正确做法是这样

参与回复
登录后即可参与回复。登录