7.7. 删除话题

本教程最新版为 2.1,当前版本已放弃维护,请阅读最新版本!

删除话题

这一章的最后我们来增加删除话题的功能。

添加按钮

首先需要增加一个按钮来删除话题,可以放在 话题详情 页面中,修改 话题详情 页面:

src/pages/topics/show.wpy

.
.
.
      <view class="weui-article">
        <rich-text nodes="{{ topic.body }}" bindtap="tap"></rich-text>

        <button wx:if="{{ canDelete }}" @tap="deleteTopic" class="weui-btn mini-btn" type="default" size="mini">删除</button>
      </view>
.
.
.

上面的代码:

  1. 话题详情页面的内容下面,增加一个删除按钮;
  2. 通过 canDelete 控制按钮是否显示;
  3. 绑定了点击事件 @tap="deleteTopic",点击后调用 deleteTopic 方法。

src/pages/topics/show.wpy

.
.
.
  data = {
      // 话题数据
      topic: null,
      // 当前登录用户
      user: null
    }
    // 计算的...

本文章首发在 LearnKu.com 网站上。

为了保证课程的高品质,我们需要对课程进行收费。付费后 才能观看剩余内容。 购买

上一篇 下一篇
《L01 基础入门》
我们将带你从零开发一个项目并部署到线上,本课程教授 Web 开发中专业、实用的技能,如 Git 工作流、Laravel Mix 前端工作流等。
《L04 微信小程序从零到发布》
从小程序个人账户申请开始,带你一步步进行开发一个微信小程序,直到提交微信控制台上线发布。
贡献者:1
讨论数量: 6

phpervip
希望老师在教程里增加一个发布话题的功能
0 个点赞 | 1 个回复 | 问答 | 课程版本 2.0
thirdriver
小程序报错 await is a reserved Word ?
0 个点赞 | 1 个回复 | 问答 | 课程版本 5.5
pee2bee
这里的setTimeout()会发生this指代问题
0 个点赞 | 0 个回复 | 分享 | 课程版本 2.0
wyhlzwj
为啥会有这个错误
0 个点赞 | 0 个回复 | 分享 | 课程版本 5.5