Vue.jsでバリデーションを実装する際に『Vuelidate』を使用させていただいております。
簡単な実装でバリデーションが実装できるので、とても助かっています。
実装方法は公式サイトをご参照ください。
英語ですが、サイト上で動作確認できます。
Vuelidate | A Vue.js library.
Simple, lightweight model-based validation for Vue.js
エラー内容
Cannot read property ‘_wrapper’ of undefined.
エラー原因
エラーの原因ですが、ボタンに指定していた「dataSave」をmethodsに実装していなかっただけでした。
例
<template> <!-- 省略 --> <button :disabled="$v.$invalid" @click="dataSave">登録</button> <!-- 省略 --> </template> <script> // 省略 methods: { // ここを実装していなかったのが原因でした dataSave() { // 省略 }, } // 省略 <script>
同じ原因で悩んでいる方の参考になれば幸いです!
コメント