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>
同じ原因で悩んでいる方の参考になれば幸いです!
  
  
  
  

コメント