学习微信小程序,肯定要先下载微信开发者工具,这个要在官网上面下载

本文实例为大家分享了小程序实现发表评论功能的具体代码,供大家参考,具体内容如下

官方地址: https://mp.weixin.qq.com/debug/wxadoc/introduction/\#登录小程序管理平台

必威官网 1

 必威官网 2

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

必威官网 3

必威官网 4

按照上面步骤,你应该已经创建好了一个空项目

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

至于AppId,这里我们可以选择空,因为只有发布的时候才会对这个有要求,在我们学习过程中不会有影响。

<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)


  }  

 },

 

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

必威官网 5

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

您可能感兴趣的文章:

相关文章