vue-router练习，vee-validate(一个验证vue插件)

Posted 2021-01-27 Mr-chen

  

Vue.js大全(包括依赖，插件，好的指导文章等！)

?? A curated list of awesome things related to Vue.js

https://github.com/vuejs/awesome-vue

 

---

 

关于Validation( 依赖 )

vee-validate - Simple Vue.js input validation plugin.  验证库之一。

• 可以用命令安装yarn add vee-validate
• 也可以在视图网页上的依赖页面上搜索vee-validate后安装。

(具体用法见Guide)

例子：

      <div class="form-group">
        <label>Image</label>
        <input
          type="text"
          class="form-control"
          placeholder="Image"
          v-model="model.image"
          v-validate="‘required|url‘"
          name="image"
          :class="{‘form-control‘: true, ‘error‘: errors.has(‘image‘)}" />
        <span class="small text-danger" v-show="errors.has(‘image‘)">Image is required and must be a valid URL</span>
      </div>

使用this.$validator.validateAll()命令验证所有。

 

 

 

如何使用bootstrap4

https://segmentfault.com/a/1190000014509984

 

---

 

 

Forms, 验证功能没有完成！，缺少提交报错！