[Vue.js]vee-validateで連番で回ってる要素に対してバリデーションをつける - Qiitaやりたいこと 配列を回すごとに生成される（input要素のコンポーネントだとお思いください）に対して、都度バリデーションを貼りたい やったこと <template v-for="(value, index) Ary"> <base-input :key="index" v-model="Ary[index].name" v-validate="'required|email'" :name="'name' + index" :class="{ 'has-error': errors.has('name' + index) }" data-vv-as="タイトル" /> <p v-if="errors.has('name' + index)" class="alert-danger"> {{ errors.first('name' + index) }} </p> </template>
![[Vue.js]vee-validateで連番で回ってる要素に対してバリデーションをつける - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/645a30051400990089992b85412c834016707006/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JTVCVnVlLmpzJTVEdmVlLXZhbGlkYXRlJUUzJTgxJUE3JUU5JTgwJUEzJUU3JTk1JUFBJUUzJTgxJUE3JUU1JTlCJTlFJUUzJTgxJUEzJUUzJTgxJUE2JUUzJTgyJThCJUU4JUE2JTgxJUU3JUI0JUEwJUUzJTgxJUFCJUU1JUFGJUJFJUUzJTgxJTk3JUUzJTgxJUE2JUUzJTgzJTkwJUUzJTgzJUFBJUUzJTgzJTg3JUUzJTgzJUJDJUUzJTgyJUI3JUUzJTgzJUE3JUUzJTgzJUIzJUUzJTgyJTkyJUUzJTgxJUE0JUUzJTgxJTkxJUUzJTgyJThCJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmcz0xZWQ1NDI3MzAzOWVmOTNmZDc4MjJlODJlNDYzZmFkMQ%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBzYWJhX3VuaV90b3JvXyZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9ZDQwNTBhMzQ1ZTVmODlhMjY5MzE4MmRlMGMyYTk0YTg%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3D832b859acd35cdc073f4e3dc26937024)
