我需要使用什么vue.js钩子来验证页面加载时的内部变量?

时间:2017-09-01 08:17:31

标签: vue.js

我想在页面加载时显示错误消息。我能让它工作的唯一方法是从Vue实例外部调用验证方法。

是否有我可以使用的内部挂钩?

http://jsfiddle.net/edwardtanguay/ahd34a3v

HTML:

<div id="app">
  <input v-model="startTime" v-on:keyup="validateTime(startTime)"/>
  <div>
  {{errorMessage}}
  </div>
</div>

的JavaScript:

var vm = new Vue({
    el: '#app',
    data: function() {
        return {
            startTime: 'hello',
      errorMessage: ''
        }
    },
  mounted: function() {
    this.validateTime(startTime);
  },
    methods: {
        validateTime: function(time) {
        this.errorMessage = 'the length is ' + time.length;
        }
    }
});
// vm.validateTime(vm.startTime); //WORKS BUT IS NOT IN AN INTERNAL HOOK

0 个答案:

没有答案