写一个uniapp删除评论,只能删自己的评论
时间: 2024-05-07 10:20:08 浏览: 182
uniapp评论emoj.zip
好的,这里是一个简单的 uniapp 删除评论的示例代码,仅限于删除自己的评论:
```html
<template>
<view>
<ul>
<li v-for="(comment, index) in comments" :key="index">
{{ comment }}
<button @click="deleteComment(index)">删除</button>
</li>
</ul>
<textarea v-model="newComment"></textarea>
<button @click="addComment">添加评论</button>
</view>
</template>
<script>
export default {
data() {
return {
comments: [], // 存储评论的数组
newComment: "", // 新评论的内容
};
},
methods: {
addComment() {
this.comments.push(this.newComment); // 将新评论添加到数组中
this.newComment = ""; // 清空文本框
},
deleteComment(index) {
// 检查是否是自己的评论
if (this.isMyComment(index)) {
this.comments.splice(index, 1); // 删除评论
} else {
alert("只能删除自己的评论!"); // 提示无法删除他人评论
}
},
isMyComment(index) {
// 检查评论的作者是否是当前用户
// 这里假设当前用户的 ID 为 1
return this.comments[index].authorId === 1;
},
},
};
</script>
```
在这个示例中,我们使用了一个 `comments` 数组来存储所有的评论,以及一个 `newComment` 变量来存储新评论的内容。
当用户点击添加评论按钮时,我们将新评论的内容添加到 `comments` 数组中,并清空文本框。
当用户点击删除按钮时,我们首先检查评论的作者是否是当前用户,如果是,则删除评论;否则,我们会显示一个警告框,告诉用户只能删除自己的评论。
需要注意的是,这个示例中的 `isMyComment` 方法只是一个简单的例子,实际应用中,我们需要根据具体的需求来检查评论的作者是否是当前用户。
阅读全文