javascript – 在组件函数中使用Vue动态路由名称

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 在组件函数中使用Vue动态路由名称，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含813字，纯文字阅读大概需要2分钟。

内容图文

我一直在尝试使用Vue和Laravel进行动态视图渲染.但是,我无法解决我应该如何解析动态参数到组件函数.

Router.map({
    '/cms-admin/:page': {
        component: {
            template: returnView(this.$route.params.page)
        }
    }
});

function returnView (option) {
    // Generate the AJAX request here
}

通过我读过的文件,$route应解决问题.我可以将$route解析到视图中,并在页面上打印文本.但是,我不能在地图中使用$route来获取动态名称？

比如说,我输入“/ cms-admin / dashboard”,“仪表板”应该被解析为模板参数.

提前致谢,
史蒂芬

解决方法:

>将页面的各个模板注册为partials v1 v2
>使用<部分>和$route

JS：

component: {
  template: '<partial :name="partial" v-if="partial !== ''"></partial>',
  data() { return { partial: '' } },
  ready() { this.partial = this.$route.params.page},
}

注意：不确定是否可以在data()中访问.$route,因此我使用了ready()事件,但也许您可以删除它并将其直接放在data()中.

内容总结

以上是互联网集市为您收集整理的javascript – 在组件函数中使用Vue动态路由名称全部内容，希望文章能够帮你解决javascript – 在组件函数中使用Vue动态路由名称所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---