如何在小程序中實現發表評論功能

這篇文章將為大家詳細講解有關如何在小程序中實現發表評論功能，文章內容質量較高，因此小編分享給大家做個參考，希望大家閱讀完這篇文章后對相關知識有一定的了解。

1.點擊發表按鈕 判斷內容是否為空 如果為空提示請輸入內容

2.如果內容不為空 將評論框里輸入的內容的值傳入評論列表

<view wx:for="{{release}}" class='shoppcall comment' data-id="{{item.id }}">
      
      <button class='revoke' bindtap='binddelete' data-id='{{index}}'>撤銷</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}}'>
     暫無評論
    </view>
</view>

// 點擊發表評論
 formSubmit: function (e) {
  console.log('form發生了submit事件，攜帶數據為：', e.detail.value)
   if ( e.detail.value.input == '') {
   wx.showToast({
    title: '請輸入內容',
   })
 
  } 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);// 將評論內容添加到評論列表
 
 
   this.setData({
    
    release: release,
    releaseFocus: true, //隱藏輸入框
    releaseValue : '' //清空輸入框內容
   })
   console.log(release)
   
 
  }  
  
 },

發表完內容清空內容隱藏輸入框

關于如何在小程序中實現發表評論功能就分享到這里了，希望以上內容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。