vee-validate 表单验证

安装

npm install vee-validate --save

在main.js引入

import VeeValidate from 'vee-validate'
Vue.use(VeeValidate)

使用

实现当不满足条件无法插入

export default {
  name: 'HelloWorld',
  data(){
    return {
      skills:[
        {"skill":"vue.js"},
        {"skill":"fronted developer"}
      ],
      skill:""
    }
  },
  methods:{
    addSkill(){
      this.$validator.validateAll().then((result)=>{
        if(result){
          this.skills.push({skill:this.skill})
          this.skill=''
        }else{
          console.log('Not valid');
        }        
      })     
    }
  },
}