vue2 प्लस वी सत्यापित करें - कैसे ES6 बिना त्रुटि संदेश अनुकूलित करने के लिए?

वोट
4

मैं (एक सफलता के बिना) वी सत्यापित करें के लिए त्रुटि संदेश अनुकूलित करने के लिए कोशिश कर रहा हूँ, लेकिन वेबसाइट पर सभी उदाहरणों ES6 का उपयोग करें। मैं इसे इसके बिना भी संभव है शर्त लगा सकता है, इसलिए किसी भी सुझाव मैं गलत क्या कर रहा हूँ की सराहना कर रहे हैं :)

<script>
    const messages = {
      en: {
        confirmed: Your password is not confirmed,
        email: I really dont like your email
      }
    };

    Vue.use(VeeValidate);
    var app = new Vue({
        el: '#app'            
    });
    app.$validator.updateDictionary(messages);
</script>

कोई त्रुटि है, बस डिफ़ॉल्ट संदेशों किया जाता है।

अद्यतन करें

नीचे मेरी एचटीएमएल कोड है।

<input type=text name=email v-validate data-vv-rules=required|email />
<span v-show=errors.has('email')>{{ errors.first('email') }}</span>

<input type=password name=password v-validate data-vv-rules=required />
<span v-show=errors.has('password')>{{ errors.first('confirmation')}} </span>  
<input type=password name=confirmation v-validate data-vv-rules=confirmed:password/>
<span v-show=errors.has('confirmation')>{{ errors.first('confirmation')}}/span>
10/12/2016 को 05:28
का स्रोत उपयोगकर्ता
अन्य भाषाओं में...                            


1 जवाब

वोट
6

() => में समारोह को परिभाषित करने के वाक्य रचना है ES6 है, तो पुराने जावास्क्रिप्ट को वी सत्यापित करें की वाक्य रचना कन्वर्ट करने के लिए।

से इतना प्रलेखन :

alpha: () => 'Some English Message'

के बराबर हो जाएगा

alpha: function() {
  return 'Some English Message'
}

इसी तरह, आप निम्नलिखित परिवर्तन करने की आवश्यकता:

<script>
    const messages = {
      en: {
        confirmed: function () { 
            return "Your password is not confirmed"
        },
        email: function () { 
            return "I really dont like your email"
        }
      }
    };

    Vue.use(VeeValidate);
    var app = new Vue({
        el: '#app'            
    });
    app.$validator.updateDictionary(messages);
</script>

काम कर रहे उदाहरण के साथ अपडेट किया जवाब

वहाँ, के बाद उपरोक्त कोड में कुछ वाक्य रचना त्रुटियाँ हो रहा है नवीनतम के साथ काम कर रहे कोड है वी सत्यापित करें वाक्य रचना :

<script>
const dictionary = {
  en: {
    messages: {
      confirmed: function () { 
        return "Your password is not confirmed"
      },
      email: function () { 
        return "I really dont like your email"
      }
    }
  }
};

VeeValidate.Validator.updateDictionary(dictionary);
Vue.use(VeeValidate);
Vue.config.debug = true;
var App = new Vue({
    el: '#app'
});
</script>

कार्य बेला

10/12/2016 को 06:19
का स्रोत उपयोगकर्ता

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more