参考文档https://blog.csdn.net/weixin_35987513/article/details/53748707
项目中分别有三个组件
1.dynamic (父组件)
2.reply (子组件 评论的内容区块)
3.commenttext (子组件 评论的输入框)
首先在父组件，先通过异步获取到文章动态的数据，
<
div
class=
"
dy_list
"
v-for
=
"(item, index)
in list
"
:key
=
"item
.index
"
在data中初始化数据
data() {
return {
list
: [],
ajaxUrl
:'此处为异步接口',
fanwei
:
'
0
',
type
:
0,
// 0为评论作者 1为评论别人的评论
oldComment
:
null,
// 旧评论者的名字
chosedIndex
:
-
1,
// 被选中的评论的index
comment
: [],
show
:
false
}
},
通过异步方法拿到后台的文章的数据
Create
:
function() {
this
.
$nextTick(
function() {
this
.
fetchData()
})
},
methods
: {
// 展开全部
openallC(
index) {
console
.
log(
this
.list[index])
this
.list[index]
.openall
=
!
this
.list[index]
.openall
},
pagechange
:
function(
currentPage) {
this
.current
= currentPage
},
searchthing
:
function(
searchthing) {
this
.Searchthing
= searchthing
},
fetchData() {
this
.$ajax
.
get(
this
.ajaxUrl, {
params
: {
current
:
this
.current,
fanwei
:
this