(精) vue中用父子组件结合实现评论回复功能

参考文档https://blog.csdn.net/weixin_35987513/article/details/53748707

项目中分别有三个组件

1.dynamic (父组件)

2.reply (子组件 评论的内容区块)

3.commenttext (子组件 评论的输入框)

实现效果图

引入部分

name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">

rel="stylesheet" href="style/weui.css"/>
rel="stylesheet" href="style/weui2.css"/>

css部分

html部分

class="blogArticle">
class="main">
    
class="container">
        
class="col-md-9 rightBox" id="comment">
            v-bind:comment="comment" v-on:change="changCommmer">
            v-bind:type="type" v-bind:name="oldComment" v-on:submit="addComment"
                              v-on:canel="canelCommit">
        
    

   

功能部分