Skip to content

Comment 评论

支持数据结构为2或者3以上层级的评论列表。默认的数据结构层级为2,最大显示评论层级为2级(非数据结构的层级)

  1. 什么是2层级的数据结构?
    • 即在评论的数据结构中,包含一级评论、二级评论,总共两个层级.
    • 如果有回复二级评论的话, 这条评论也称为二级评论,只不过在这一条评论数据中,也要包含被回复的二级评论的数据(字段,reply
  2. 3以上层级的评论列表?
    • 3层(包含3)以上的数据结构,即在二级评论中没有包含被回复的评论(字段,reply),那么必须要有children(数组,该字段可通过配置项配置)。
    • 即,一个二级评论下如果有children字段,那么children下的每条评论均是该条评论的回复,再如children下的评论也包含children, 那么同样的道理,其下的每条评论均是其包含的回复 提交回复内容(3级)

相对于2层级结构的数据评论中,3层级的数据结构较为复杂,一般建议设为两个层级较为方便,即,每条二级评论包含reply即可认为的对该条评论的回复

基础用法

加载

自定义字段

如果返回的格式字段非上面那样,那么可以通过配置config,字段详情请看评论组件的API

显示等级

默认支持最高等级为6级。

  • 支持自定义等级图标

带有二级评论

  • 回复评论是将所有的二级之后的评论都看作是二级评论
  • 如果二级评论里面回复某个评论, 那么该评论也是一个二级评论,只不过在数据结构上面,是三级的数据结构
  • 每个评论下的子评论(一个数组)都是该评论的回复评论

不显示操作按钮

集成表情包

操作

  1. 组件提供一个reply回复提交的事件回调,回调返回参数包含如下:
  • value 评论的文本内容
  • item 当前被回复的评论
  • level1 当前被回复的评论的父级评论,即一级评论,如果item是一级, level1{}
  • clear 是一个方法是,用于否调用清空输入框,接受一个Boolean参数,如果为true,将会关闭输入框
  1. 组件提供一个like点赞提交的事件回调,回调返回参数包含如下:
  • item 当前被回复的评论
  • level1 当前被回复的评论的父级评论,即一级评论,如果item是一级, level1{}

格式化数据

可以通过配置中使用函数方法对内容(content)等进行数据格式化返回,同时支持标签字符串形式。
注意:如果是动态显示字段,不是在字段里面配置格式化,而是在配置中,比如显示地址(ipaddress)

加载数据

更多操作

支持使用内置,默认支持删除、投诉;也可以使用插槽、或者配置的方法实现自定义按钮操作

自定义等级

通过配置showLevel属性,自定义等级图标。

自定义等级-插槽

支持使用模板语法插槽(level)自定义等级图标

自定义头像-插槽

支持使用模板语法插槽(avatar)自定义头像内容

自定义右侧-插槽

支持使用模板语法插槽(right)自定义右侧内容

自定义左侧-插槽

支持使用模板语法插槽(left)自定义左侧内容

自定义内容-插槽

支持使用模板语法插槽(content)自定义回复内容