在说之前先看下效果图,这样方便于理解
样式写的比较丑,希望读者不要太介意,但是功能还是有好好实现的,接下来再看一下代码
这一块的代码是不包含评论在内的代码,对应效果图的评论框。那么实现的过程需要注意的就是
第一步
我们需要获得input中的数据已经textarea中的数据,因此我们需要使用v-model来实现双向绑定,这样一旦输入框的数据发生变 化,我们也能够直接在data中直接拿到这两个数据。,我们在data中有commenter何comment,就是为了捕捉输入框的变化的。一旦输入框的数据变了,data中的commenter和comment也会相应的改变。
第二步
输入用户名和评论内容后点击提交评论这个按钮,可以看到在代码中我绑定了一个submit_comment事件,就是用来触发提交评论的操作的。
第三步
提交评论的事件处理函数