You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
<template><div><inputv-model="fname" v-rule="rules.fname" />
<inputv-model="lname" v-rule="rules.lname" />
<button@click="submit">submit</button></div></template><script>exportdefault{data(){return{fname: '',lname: '',rules: this.$rules({fname({ el }){if(!el.value){return'fname is require'}if(el.value=='ss'){return'duplicate fname'}},lname({ el }){if(!el.value){return'lname is require'}}})}},methods: {submit(){consterrors=this.rules.validate()if(errors.length)return//--}}}</script>
<!-- need key --><divv-for="(item, i) in items" :key="i"><inputv-rule="rules.empty" :key="'item' + i" />
</div>
exportdefault{data(){return{items: [{id: 1},{id: 2}],rules: this.$rules({empty({ el, options }){if(!el.value){return`${options.key} is require`}}})}}}
watch
exportdefault{data(){return{fname: '',lname: '',lang: 'th',rules: this.$rules({fname({ el }){if(!el.value){return'fname is require'}if(el.value=='ss'){return'duplicate fname'}},lname({ el }){if(!el.value){return'lname is require'}}},{watch: 'lang'//When lang is changed, rules will be validate.})}}}