如何在小程序中实现发表评论功能

  介绍

这篇文章将为大家详细讲解有关如何在小程序中实现发表评论功能,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。

1。点击发表按钮判断内容是否为空如果为空提示请输入内容

如何在小程序中实现发表评论功能

2。如果内容不为空将评论框里输入的内容的值传入评论列表

& lt; view 天气:为=皗{释放}}“,类=& # 39;shoppcall 评论# 39;,数据id=皗{item.id }}“比;   ,,,,,   ,,,,,& lt; button 类=& # 39;撤销# 39;,bindtap=& # 39; binddelete& # 39;,数据id=& # 39;{{指数}}& # 39;在撤销& lt;/button>   ,,,,,   ,,,,,& lt; view 类=& # 39;发布# 39;比;   ,,,,,& lt; https://www.yisu.com/zixun/image  src=" https://storage.confolsc.com/storage/image/9f37e8a1fadc7ee20964dd6de7edeb4dbb4b03a1?size=130,130&t=1重定向=1 '>      <视图类=皃ublish_list”>   <文本类=' publish_list_item '> {{item.name}}   <视图类=跋不丁?   <文本类=' publish_time '> {{item.time}}   <视图类=' like_num_list bindtap=癰indlike”数据id=皗{指数}}”>   <文本类=' iconfont icon-dianzan2 '风格=" {{item.likes.iszan ?“颜色:红”:“颜色:黑色”}}">      <文本类=' like_num '> {{item.likes.num}}               <文本类=' redtree_text '> {{item.textareaValue}}                     <查看天气:如果='{{释放。长度==0}}'>   暂无评论      
//,点击发表评论
  ,formSubmit: function  (e), {
  console.log才能(& # 39;形式发生了提交事件,携带数据为:& # 39;,,e.detail.value)
  ,,if  (==,, e.detail.value.input  & # 39; & # 39;), {
  ,,wx.showToast ({
  ,,,标题:,& # 39;请输入内容& # 39;,
  ,,})
  ,
  ,,},{else 
  ,,var  that =,;
  ,,var  textarea_item =, {};
  ,,var  textareaValue=https://www.yisu.com/zixun/e.detail.value.input;
  
  var=this.data.release释放;
  var id=release.length
  textarea_item。textareaValue=textareaValue;
  
  release.push (textarea_item);//将评论内容添加到评论列表
  
  
  this.setData ({
  
  发布:发布,
  releaseFocus:真的,//隐藏输入框
  releaseValue://清空输入框内容
  })
  console.log(释放)
  
  
  }
  
  },

发表完内容清空内容隐藏输入框

如何在小程序中实现发表评论功能

关于如何在小程序中实现发表评论功能就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看的到。

如何在小程序中实现发表评论功能