PR

Vue.js Cannot read property ‘_wrapper’ of undefined.

Vue.js
記事内に広告が含まれています。

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>

同じ原因で悩んでいる方の参考になれば幸いです!

コメント