小编Mit*_*hun的帖子

通过router将数据传递给vue中的其他组件

我正在尝试通过路由器传递数据。我的代码可以工作,但它显示 url 中的数据。我不希望像 POST 方法那样。url 应该像 /data-list。我还想捕获从组件传递的值。这里我没有使用 vuex 。实际上,我的工作是显示任务已根据此数据完成的消息。我使用 Laravel 作为后端。提前致谢

第一个组件

axios.post("/request/data", dataform).then(function (resp) {
  app.$router.push({ path: "/data-list/" + resp.data.success });
});
Run Code Online (Sandbox Code Playgroud)

路线

{
  path: '/data-list/:message?',
  name: 'dataList',
  component: dataList,
  meta: {
      auth: true
  }
},
Run Code Online (Sandbox Code Playgroud)

另一个组件。在这里我想抓住

mounted() {
  var app = this;
  app.message = app.$route.params.message;
}
Run Code Online (Sandbox Code Playgroud)

vue.js vue-component vuejs2

8
推荐指数
2
解决办法
3万
查看次数

标签 统计

vue-component ×1

vue.js ×1

vuejs2 ×1