vue -router.esm. js? 8c4f: 2117 ReferenceError: пароль не определен - PullRequest
0 голосов
/ 10 апреля 2020

Я пытаюсь предоставить подтверждение на своей странице входа, у меня возникла проблема vue -router.esm. js? 8c4f: 2117 ReferenceError: пароль не определен

vue -router.esm. js? 8c4f: 2117 ReferenceError: пароль не определен при eval (логин. vue? 7463: 209) в модуле ../ node_modules / cache-loader / dist / cjs. js?! ./ node_modules / столпотворение-погрузчик / Библиотека / индекс. js! ./ node_modules / кэш-погрузчик / расстояние / cjs. js?! ./ node_modules / vue -loader / lib / index. js?! ./ src / views / pages / Login. vue? Vue & type = script & lang = js & (41. js: 11) в webpack_require (приложение. js: 790) в fn (приложение. js: 151) в eval (вход в систему. vue? 349b: 1) в модуле ../ src / views / pages / Login. vue? vue & type = script & lang = js & (41. js: 347) в webpack_require (приложение. js: 790) в fn (приложение. js: 151) в eval (Войти. vue) ? 905d: 1) в модуле ../ src / views / pages / Login. vue (41. js: 335)

Login. vue

<template>
<div id="login">
  <CContainer class="d-flex content-center min-vh-100">
    <CRow>
      <CCol>
        <CCardGroup>
          <CCard class="p-4">
            <CCardBody>
              <CForm>
                <h1>Login</h1>
                <p class="text-muted">Sign In to your account</p>
                <CInput 
                  type="text"
                  placeholder="Username"
                  v-model="data.username"
                  @blur="$v.email.$touch()"
                  autocomplete="username email"
                >
                  <template #prepend-content><CIcon name="cil-user"/></template>
                </CInput>
                <Input 
                  placeholder="Password"
                  type="password"
                  autocomplete="current-password"
                  v-model="data.password"
                   @blur="$v.password.$touch()"
                >
                  <template #prepend-content><CIcon name="cil-lock-locked"/></template>
                </Input>
                <CRow>
                  <CCol col="6" class="text-left">
                    <CButton color="primary" class="px-4" @click="direDisplay">Login</CButton>
                  </CCol>
                  <CCol col="6" class="text-right">
                    <CButton color="link" class="px-0">Forgot password?</CButton>
                    <CButton color="link" class="d-md-none">Register now!</CButton>
                  </CCol>
                </CRow>
              </CForm>
            </CCardBody>
          </CCard>
          <CCard
            color="primary"
            text-color="white"
            class="text-center py-5 d-sm-down-none"
            body-wrapper
          >
            <h2>Sign up</h2>
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
            <CButton
              color="primary"
              class="active mt-3"
            >
              Register Now!
            </CButton>
          </CCard>
        </CCardGroup>
      </CCol>
    </CRow>
  </CContainer>
</div>
</template>

<script>
import Dashboard from '../Dashboard.vue';
import { username, required } from 'vuelidate/lib/validators'
import { mapState, mapActions } from 'vuex'
export default {
  name: 'Login',
  validations:{
          username:{
            username,
            required
          },
          password:{
            password,
            required
          }
        },
        methods:{
          direDisplay(){
            this.$router.push('/Dashboard')
          }
        }
   }
</script>
...