写一个uniapp评论删除
时间: 2024-05-24 14:04:52 浏览: 79
以下是一个简单的uniapp评论删除的示例:
1. 在评论列表页面中,为每个评论添加一个删除按钮:
```
<template>
<view>
<block v-for="(comment, index) in comments" :key="index">
<view>{{comment.content}}</view>
<button @click="deleteComment(index)">删除</button>
</block>
</view>
</template>
```
2. 在组件的methods中添加deleteComment方法,用于删除评论:
```
<script>
export default {
data() {
return {
comments: [
{content: "这是一条评论1"},
{content: "这是一条评论2"},
{content: "这是一条评论3"},
]
}
},
methods: {
deleteComment(index) {
this.comments.splice(index, 1);
// 向后台发送删除评论的请求
}
}
}
</script>
```
3. 在deleteComment方法中,可以向后台发送删除评论的请求,例如:
```
deleteComment(index) {
this.comments.splice(index, 1);
// 向后台发送删除评论的请求
uni.request({
url: 'http://example.com/api/deleteComment',
method: 'POST',
data: {
commentId: this.comments[index].id
},
success: (res) => {
if (res.data.code === 200) {
uni.showToast({
title: '删除成功'
})
}
}
})
}
```
其中,需要根据后台接口的实现方式,将评论的id传递给后台,以便后台能够正确地删除评论。同时,可以在请求成功后,使用uni.showToast显示删除成功的提示信息。
阅读全文