【微信小程序】：评论、回复和删除功能 -- 2017/7/14-优快云博客

本文介绍如何在微信小程序中实现评论、回复和删除功能，关键在于正确传递参数（如pid，评论父ID）以及在小程序端处理数据而非DOM元素。文章通过展示wxml和JS代码来说明实现过程，后台PHP处理部分略过。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、理论核心：传参-》pid，评论父id需要在wxml页面传递；小程序端和WEB端不同核心：前者操纵数据，后者操纵DOM元素对象

2、不废话，直接代码：wxml

<view class="comment-new">
      <block wx:if="{
    
    {home_comment!='暂无评论~'&&home_comment!=undefined}}">
         <block wx:for="{
    
    {home_comment}}" wx:for-item="comment" >
          <p class="c_1">{
   
   {comment.username}}：{
   
   {comment.content}}</p>
          <a class="reply" bindtap="reply" data-cid="{
    
    {comment.c_id}}">回复</a>
          <a class="reply" wx:if="{
    
    {comment.uid==comment.login_uid}}" bindtap="del" data-cid="{
    
    {comment.c_id}}">删除</a>
          <!--  点击回复，展示以下回复form  -->
          <view wx:if="{
    
    {comment.c_id==reply_id}}" hidden="{
    
    {reply}}" class="reply_box">
          <form bindsubmit="commentForm" report-submit >    
            <textarea auto-focus="true" name="evaContent" maxlength="500" value="回复 {
    
    {comment.username}}:" class="textarea" /> 
        <input hidden="true" name="comment_pid" value="{
    
    {comment.c_id}}" />
            <button class="save_btn" form-type="submit">发送</button>
          </form>
          </view>
         </block>
         <form bindsubmit="commentForm2" report-submit >    
            <textarea auto-focus