vue的论坛管理模块-文章评论02

代码

说明：

/cms/main/blog 对应前端vue界面： cmsBlog.vue页面

1. cmsBlog.vue

{ {blog.title}}
{ {tag.typeName}}

style>

1. comments.vue

4.InputComponent.vue

这里注意的是：

父页面像子页面从传值：

// 跳转到文章详情页
getBlogInfo(commid) {
let routeUrl = this.$router.resolve({
path: '/cms/main/blog',
query: {
id: commid
}
});
Ipcomment.vue 页面是前台 评论部分的页面组件

this.messageForm.commid = this.$route.query.id ，this.$route.query.id这是从 父组件 cmsBlob.vue 向子组件 ipcomment.vue组件 传参

this.messageForm.commid = this.$route.query.id
addPoint(this.messageForm).then(response => {
this.$modal.msgSuccess("评论发表成功");
this.reset();
this.getMessageList();
});
我这里是将值listIndex.vue的业务单据id传给 vmsBolg.vue页面 跳转路由后面个：127.0.0.1/cms/main/blog/111, 这个111为 commid
————————————————