Плагин Vuevalidate - $ v не определен в одном компоненте файла - PullRequest
Новая
       9

Плагин Vuevalidate - $ v не определен в одном компоненте файла

0 голосов
/ 04 сентября 2018

Возникли проблемы при использовании плагина vuelidate в одном компоненте файла 

app.js 



import Vue from 'vue';
import Vuelidate from 'vuelidate';

Vue.use(Vuelidate)

const T = new Vue({
  router: router,
  template: '<div id="app"><heading></heading><transition :css="false" mode="out-in" @enter="enter" @leave="leave"><router-view></router-view></transition></div>',
  data: {
    currentRoute: window.location.href,
  },
  created(){
    this.$watch('$v', () => {
       console.log('$v changed')
    })
  },
  validations: {}
}).$mount('#app');

- 

<template>
  <form id="registration" class="form form_bl " @submit="handleSubmit" action="">
  <input type="email"  v-model="email" name="email" class="inp m30_b" placeholder="E-mail">
  <button class="btn">Send</button>
</template>

import { validationsMixin } from 'vuelidate';
import { required, minLength } from 'vuelidate/lib/validators';
export default {
  data () {
    return {
      email: ''
    }
  },
  validations: {
    email: {
      required,
    }
  },
  methods: {
    handleSubmit: function(e) {
      e.preventDefault();
      console.log($v.email);
    }
  }
}

а у меня только что $ v не определено, я пробую все

переупорядочить компоненты включить Vuelidate в файл .vue

но ничего не помогает

...