我妈已经三天没打我了 2022-04-21 18:18 采纳率: 87.5%
浏览 23
已结题

为什么这个loading不加载,把网速调慢也不出来

<template>
  <div>
    <van-nav-bar title="登录" left-text="返回" right-text="登录" />
    <div>
      <!-- @自定义事件 -->
      <!-- :动态属性 -->
      <van-form @submit="onSubmit">
        <van-field
          v-model="user.mobile"
          name="mobile"
          required
          label="手机号"
          placeholder="请输入11位手机号"
          :rules="[
            {
              required: true,
              message: '请填写正确的手机号',
              pattern: /^1[3-9]\d{9}$/,
            },
          ]"
        />
        <van-field
          v-model="user.code"
          type="password"
          name="code"
          required
          label="密码"
          placeholder="请输入6位密码"
          :rules="[
            { required: true, message: '请填写正确的密码', pattern: /^\d{6}$/ },
          ]"
        />
        <div style="margin: 16px">
          <van-button
            round
            block
            type="info"
            native-type="submit"
            :disabled="isLoading"
            :loading="isLoading"
            loading-text="正在登录ing..."
            >登录</van-button
          >
        </div>
      </van-form>
    </div>
  </div>
</template>

<script>
import { Notify } from "vant";
Notify("通知内容");
import { loginAPI } from "../../api/index";
export default {
  data() {
    return {
      user: {
        mobile: "13888888888", // 手机号
        code: "246810", // 验证码(密码-必须是246810后台规定s的, 无论手机号是什么)
      },
      isLoading: false, // 登录按钮-加载状态
    };
  },
  methods: {
    onSubmit(values) {
      console.log("submit", values);
      // 状态设置为true
      this.isLoading = true
      // 调用接口
      try {
        const res = loginAPI(this.user);
        console.log(res);
        // 成功通知
        Notify({ type: "success", message: "登陆成功" });
      } catch (error) {
        // 危险通知
        Notify({ type: "danger", message: "账号或者密码错误" });
      }
      // 网络请求完成无论成功/报错,都把状态关掉
      this.isLoading = false;
    },
  },
};
</script>

<style scoped lang="less"></style>
  • 写回答

2条回答

      报告相同问题?

      相关推荐 更多相似问题

      问题事件

      • 系统已结题 5月6日
      • 已采纳回答 4月28日
      • 创建了问题 4月21日

      悬赏问题

      • ¥15 数据库原理怎么从文字描述中的句子推出(分析)函数依赖?
      • ¥15 yoj获取密码 队列 解密 C语言
      • ¥15 想要使用有序logistic模型,因变量收集结果为以下,可以继续分析吗?
      • ¥15 C语言的问题 求尽快解答一下
      • ¥15 sql相关子查询的一道选择题
      • ¥15 关于图像检测的问题#
      • ¥15 用cemu8086编写代码
      • ¥15 mcisendcommand播放音乐堆栈调用异常
      • ¥100 R语言的数据分析及可视化
      • ¥200 opc-62541库的密码登录和加密连接问题