1. 最近在用Vue來(lái)做登錄頁(yè)面, 當(dāng)輸入賬號(hào)和密碼之后, 點(diǎn)擊登錄刷新了一下, 莫名的在我路徑后面多加了一個(gè)問(wèn)號(hào), 我在代碼里打印沒(méi)有打印出來(lái), 但是當(dāng)我第二次點(diǎn)擊的時(shí)候才打印出來(lái), 在打印后面給了路由跳轉(zhuǎn), 最后到路由跳轉(zhuǎn)卻執(zhí)行不了?, 其次用debugger來(lái)做調(diào)試的, 我當(dāng)前的判斷竟然沒(méi)有進(jìn)去, 很奇怪, 判斷可以打印, 用debugger調(diào)試沒(méi)有執(zhí)行

html

    <div class="login_form">
      <el-form :label-position="labelPosition" label-width="80px" :model="form">
        <el-form-item>
          <i class="account_icon"></i>
          <el-input v-model="form.userName" placeholder="登錄賬戶" auto-complete="off"></el-input>
        </el-form-item>
        <el-form-item prop="password">
          <i class="password_icon"></i>
          <el-input type="password" v-model="form.password" auto-complete="off" placeholder="登錄密碼"></el-input>
        </el-form-item>
        <div class="checkbox">
          <input type="checkbox">
          <span class="login_password">記住密碼</span>
        </div>
        <div>
          <button @click="onSubmit" :plain="true">登錄</button>
        </div>
        <div class="login_embellish">
          <i class="embellish_one"></i>
        </div>
      </el-form>
      <i class="modifier_left"></i>
      <i class="modifier_right"></i>
    </div>

js

  export default {
    data() {
      return {
        labelPosition: "right",
        form: {
          userName: "admin",
          password: "admin123"
        },
      };
    },
    methods: {
      // 提交
      onSubmit() {
        let paramsData = {
          username: this.form.userName,
          password: this.form.password
        };
        debugger
        this.$ajax.post(this.$api.Login, paramsData).then(res => {
            if (res.data.status == 200) {
              console.log("res", res);
              let params = "";
              localStorage.params = JSON.stringify(res.data.data);
              localStorage.setItem("params",localStorage.params);
              this.$router.push({ path: "/index" })
            }else if(res.data.status == 401) {
              this.$message.error(res.data.message);
            }
          })
          .catch(err => {
            console.log(err);
          })
      }
    }
  }

1. 第一點(diǎn)擊登錄, 刷新了一下, 路徑后面多加一個(gè)問(wèn)號(hào)

1. 第二次點(diǎn)擊登錄, 才打印出來(lái)

4.用debugger調(diào)試, 判斷沒(méi)有進(jìn)來(lái)