kazupon / vue-validator

:white_check_mark: Validator component for Vue.js
MIT License
2.19k stars 431 forks source link

TypeError: Vue.elementDirective is not a function. (In 'Vue.elementDirective', 'Vue.elementDirective' is undefined) #331

Closed jjjachyty closed 7 years ago

jjjachyty commented 7 years ago

vue & vue-validator version

vue 2.0.3& vue-validator 2.1.7

Reproduction Link

Steps to reproduce

import Vue from 'vue' import VueValidator from 'vue-validator' import App from './components/App.vue'

import VueResource from 'vue-resource'; import Materials from 'vue-materials'

import router from './router'

// 路由模块和HTTP模块 Vue.use(VueResource); // Vue.use(VueRouter);

Vue.use(VueValidator)

Vue.use(Materials); // // 2. 定义路由 // // 每个路由应该映射一个组件。 其中"component" 可以是 // // 通过 Vue.extend() 创建的组件构造器, // // 或者,只是一个组件配置对象。 // // 我们晚点在讨论嵌套路由。 // const routes = [ // { path: '/', component: App }, // { path: '/index', component: App } // ]

// // 3. 创建 router 实例,然后传 routes 配置 // // 你还可以传别的配置参数, 不过先这么简单着吧。 // const router = new VueRouter({ // routes // (缩写)相当于 routes: routes // })

// 4. 创建和挂载根实例。 // 记得要通过 router 配置参数注入路由, // 从而让整个应用都有路由功能 const app = new Vue({ router, render: (h) => h(App) }).$mount('#app')

What is Expected?

TypeError: Vue.elementDirective is not a function. (In 'Vue.elementDirective', 'Vue.elementDirective' is undefined)

What is actually happening?

TypeError: Vue.elementDirective is not a function. (In 'Vue.elementDirective', 'Vue.elementDirective' is undefined)

jjjachyty commented 7 years ago

sorry I dont see this: ⚠️ NOTE: official release for Vue.js 2.0 not yet 🚧