Vue.js自定义错误信息模板

在vue.js中，常常使用vue-validator插件对表单进行校验。而在vue-validator中，可以使用validator-errors组件来更便捷的输出错误信息。代码示例如下：

  

    username:
    
  

    
  

如果不喜欢默认的错误信息模板，也可以自定义错误信息模板，validator-errors提供了Component模板、Partial模板两种定义方式。
1.Component模板

  
    

      username:
      
    

      
    
  

Vue.component('custom-error',{
  props:['field','validator','message'],
  template:'
{{message}}
'
})
new Vue({el:'#app'})

2.Partial模板

  
    

      username:
      
    

      
    
  

Vue.partial('myErrorTemplate','
{{field}}:{{validator}}:{{message}}
')
new Vue({el:'#app'})