vue+element项目常用代码(自用)

Element 可以统一修改主题颜色
https://www.jianshu.com/p/aea7b55aa897

时间的验证方法

Moment 时间戳转换为日期格式 
moment.unix(data).format('YYYY-MM-DD HH:mm:ss');
//删除按钮
    handleDelete(row) {
      this.$confirm(
        "删除用户后,角色信息将被清除,参赛队伍将做保留,请确认是否删除?",
        "提示",
        {
          confirmButtonText: "确定",
          cancelButtonText: "取消",
          type: "warning"
        }
      )
        .then(() => {
          //当前页面总页数除以页条数余数为1时,当前页面-1page
          if (this.page.total % this.page.pageSize == 1) {
            this.page.page--;
          }
          getUserDel({
            uid: row.uid
          })
            .then(res => {
              this.getUserProfileStudent(); //获取列表数据

              this.$message({
                type: "success",
                message: "删除成功!"
              });
            })
            .catch(error => {
              this.$message.error(error.msg);
            });
        })
        .catch(() => {
          this.$message({
            type: "info",
            message: "已取消删除"
          });
        });
    },

路由的跳转 同时携带参数需要在router中配置

// 路由跳转
      this.$router.push({
        name: "user-profile-edit-student",
        params: {
          uid: row.uid
        },
      });

你可能感兴趣的:(vue+element项目常用代码(自用))