项目经验笔记一

吴小花的博客

于 2019-04-02 15:57:10 发布

阅读量467

点赞数 2

CC 4.0 BY-SA版权

分类专栏： Vue.js 项目实战经验

本文链接：https://blog.youkuaiyun.com/weixin_39089928/article/details/88634228

Vue.js 项目实战经验专栏收录该内容

52 篇文章 ¥19.90 ¥99.00

订阅专栏

超级会员免费看

本文记录了Vue项目中的一些实践技巧，包括：在activated()生命周期钩子中初始化页面数据，通过传递参数ids调用delete接口实现删除功能，以及使用iview日期组件设置禁止选择今天之前的日期。

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

1.activated()：

在vue对象存活的情况下，进入当前存在activated()函数的页面时，一进入页面就触发；可用于初始化页面数据等

2.向后台传递参数ids :14 调用delete接口，实现删除功能。

代码逻辑：

接口activity.js

remove方法。

import { activityInfo } from "@/http/activity";

// 删除
    remove(index) {
        // 传参ids:{},调删除的接口
      let parm = {};
      this.parm = index.row.id;
      let obj = "ids=" + this.parm;
      activityInfo.deleteActivity(obj).then(res => {
        if (res.code === 1) {
          this.currentPage = 1;
          this.getList(1);
          this.$Notice.success({
            title: res.msg
          });
        } else {