本文實例為大家分享了小程序實現發表評論功能的具體代碼,供大家參考,具體內容如下

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)      }     },發表完內容清空內容隱藏輸入框

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持武林網。
新聞熱點
疑難解答