如何在小程序中實(shí)現(xiàn)發(fā)表評(píng)論功能

這篇文章將為大家詳細(xì)講解有關(guān)如何在小程序中實(shí)現(xiàn)發(fā)表評(píng)論功能，文章內(nèi)容質(zhì)量較高，因此小編分享給大家做個(gè)參考，希望大家閱讀完這篇文章后對(duì)相關(guān)知識(shí)有一定的了解。

1.點(diǎn)擊發(fā)表按鈕 判斷內(nèi)容是否為空 如果為空提示請(qǐng)輸入內(nèi)容

2.如果內(nèi)容不為空 將評(píng)論框里輸入的內(nèi)容的值傳入評(píng)論列表

<view wx:for="{{release}}" class='shoppcall comment' data-id="{{item.id }}">
      
      <button class='revoke' bindtap='binddelete' data-id='{{index}}'>撤銷(xiāo)</button>
      
      <view class='publish'>
      <image src='https://storage.confolsc.com/storage/image/9f37e8a1fadc7ee20964dd6de7edeb4dbb4b03a1?size=130，130&t=1&redirect=1'></image>
      
      <view class='publish_list'>
       <text class='publish_list_item'>{{item.name}}</text>
       <view class='like'>
        <text class='publish_time'>{{item.time}}</text>
         <view class='like_num_list' bindtap='bindlike' data-id='{{index}}'>
          <text class='iconfont icon-dianzan2' style='{{item.likes.iszan?"color:red":"color:black"}}'></text>
          
          <text class='like_num'>{{item.likes.num}}</text>
         </view>
        
       </view>
       
       <text class='redtree_text'>{{item.textareaValue}}</text>
      </view>
      </view>
     
     
    </view>  
 
    <view wx:if='{{release.length == 0}}'>
     暫無(wú)評(píng)論
    </view>
</view>

// 點(diǎn)擊發(fā)表評(píng)論
 formSubmit: function (e) {
  console.log('form發(fā)生了submit事件，攜帶數(shù)據(jù)為：', e.detail.value)
   if ( e.detail.value.input == '') {
   wx.showToast({
    title: '請(qǐng)輸入內(nèi)容',
   })
 
  } else {
   var that = this;
   var textarea_item = {};
   var textareaValue= e.detail.value.input;
   
   var release = this.data.release;
   var id = release.length 
   textarea_item.textareaValue = textareaValue;
 
    release.push(textarea_item);// 將評(píng)論內(nèi)容添加到評(píng)論列表
 
 
   this.setData({
    
    release: release,
    releaseFocus: true, //隱藏輸入框
    releaseValue : '' //清空輸入框內(nèi)容
   })
   console.log(release)
   
 
  }  
  
 },

發(fā)表完內(nèi)容清空內(nèi)容隱藏輸入框

關(guān)于如何在小程序中實(shí)現(xiàn)發(fā)表評(píng)論功能就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，可以學(xué)到更多知識(shí)。如果覺(jué)得文章不錯(cuò)，可以把它分享出去讓更多的人看到。