首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏web技术开发分享

    vant+veeValiDate表单验证的使用

    1.安装VeeValidate npm install vee-validate --save 2.建立独立的valiDate.js文件 来存放验证规则和一些中文。 import { Validator } from 'vee-validate' const customizeVal = () => { let formatFileSize = function ( $/.test( value ) }) } //暴露出去 export default customizeVal 3.在main.js进行全局引入: import VeeValidate from 'vee-validate

    2.3K20编辑于 2022-08-11
  • 来自专栏无道编程

    【Vue.js】21个值得一用的组件库

    https://cweili.github.io/vue-fa/ vee-validate 基于模板的vue校验框架。 https://baianat.github.io/vee-validate/ eslint-plugin-vue vue的文法校验工具,可以快速找出代码、指令、样式单中的问题,同时还可以集成到VSCode

    2.8K00发布于 2019-11-13
  • 来自专栏每天进步一点点

    VeeValidate 的使用场景以及配置

    /vee npm run dev # or yarn run dev 安装 VeeValidate npm install vee-validate --save # or yarn add vee-validate --save 本文中使用的 VeeValidate 版本为 2.1.5 在 App.vue 中引入 import VeeValidate from 'vee-validate 中文配置 全局配置 import VeeValidate, {Validator} from 'vee-validate'; import zh_CN from 'vee-validate/dist/locale

    2K30发布于 2019-05-26
  • 来自专栏EasyNVR

    视频流媒体平台EasyNVR使用Vue.js开发报[Vue warn]错误问题解决方案

    由于项目初始,我们仅引用了两个包,其一为ElementUI,其二为vee-validate;查阅了一下文档,发现了vee-validate作者很有先见预料了这个问题,在他的文档里的配置项Configuration

    81420发布于 2020-07-27
  • 来自专栏FE32 Code

    17 Most popular Vue.js plugins

    Vuetify NuxtJS Vuex Vuex Persisted State VuePress Vue Meta Vue ChartJS Vue Grid Layout Vue Draggable Vee-Validate 主要特征: 支持触控设备 支持拖动手柄和可选文本 智能自动滚动 支持不同列表之间的拖放 没有 jQuery 依赖 保持同步 HTML 和查看模型列表 兼容 Vue.js 2.0 转换组 Vee-Validate 地址:https://www.npmjs.com/package/vee-validate 为了确保通过表单从用户那里收集正确类型的数据,有必要验证表单,以确保用户输入符合预期的模式。

    7.6K30编辑于 2022-10-27
  • 来自专栏从零开始学 Web 前端

    vue2.0做移动端开发用到的相关插件和经验总结

    cssrem:一个CSS值转REM的VSCode插件; lib-flexible:移动端弹性布局适配解决方案; vue-touch:移动端相关点击,滑动,拖动,多点触控等事件封装; vee-validate

    61940发布于 2019-08-12
  • 来自专栏grain先森

    表单校验实战

    当然前端表单验证的插件很多,而且可配置性很高,使用起来也是得心应手,比如vee-validate、validate.js 当然这类插件很多我就不一一列举了,亲们可以自行百度。

    1.1K20发布于 2019-03-28
  • 来自专栏Web大前端

    Nuxt.js实战:Vue.js的服务器端渲染框架

    Nuxt.js本身不直接提供验证库,但你可以集成像Vuelidate、vee-validate这样的第三方库,或者使用TypeScript等进行类型检查。使用Vee-Validate1. 安装: 首先,你需要安装vee-validate库: npm install vee-validate2. 配置: 在nuxt.config.js中添加Vue插件配置: export default { plugins: [{ src: '~/plugins/vee-validate', ssr: 创建插件: 在plugins/vee-validate.js中配置Vee-Validate: import Vue from 'vue'; import VeeValidate from 'vee-validate 使用: 在你的组件中使用Vee-Validate进行表单验证: <template> <form @submit.prevent="submitForm"> <input v-model

    3.3K00编辑于 2024-06-06
  • 来自专栏前端开发随笔

    vue-json-excel导出excle表格

    export-fields (exportFields) Object 用于解决其他使用变量字段的组件的问题,例如vee-validate

    3.6K10发布于 2020-10-13
  • 来自专栏历史专栏

    【愚公系列】2022年05月 vue3系列 store的装饰器使用封装(TS版)

    { initInlineSvg } from "@/core/plugins/inline-svg"; import { initVeeValidate } from "@/core/plugins/vee-validate script lang="ts"> import { defineComponent, ref } from "vue"; import { ErrorMessage, Field, Form } from "vee-validate

    2K31编辑于 2022-05-20
  • 来自专栏前端技术专栏-吴佳

    写表单你还在复制粘贴吗?推荐你使用基于Vant-UI二次封装的数据驱动式表单自动生成组件

    组件的调用方式采取json配置的形式,具体参数见model数据说明 校验规则已经集成VeeValidate插件,也可以自定义扩展规则,更多资料: https://logaretm.github.io/vee-validate

    2.4K20编辑于 2022-09-26
  • 重构旧项目:从 jQuery 迁移到 Vue 3 的分步方案与避坑指南

    表单与校验 采用受控组件与校验库(如 vee-validate、yup)。 统一错误提示与交互反馈。 7. 构建与发布 代码分割与按需加载,拆分旧页面与新组件。 灰度发布与开关控制,保留回退路径。

    32310编辑于 2025-12-15
  • 来自专栏前端迷

    移动 web 最佳实践(干货长文)

    rem-vw-layout[66] 细说移动端 经典的 REM 布局 与 新秀 VW 布局[67] 如何在 Vue 项目中使用 vw 实现移动端适配[68] 表单校验 async-validator[69] vee-validate 目前比较多的方式就是基于 async-validator 进行二次封装(elementUI 组件库提供的表单校验也是基于 async-validator ),或者使用 vee-validate(一种基于 www.jianshu.com/p/1f1b23f8348f [69] async-validator: https://github.com/yiminghe/async-validator [70] vee-validate : https://github.com/baianat/vee-validate [71] Mock: https://github.com/nuysoft/Mock [72] eruda: https

    3.5K61发布于 2020-04-27
  • 来自专栏程序员成长指北

    移动 Web 最佳实践(干货长文,建议收藏)

    rem-vw-layout[66] 细说移动端 经典的 REM 布局 与 新秀 VW 布局[67] 如何在 Vue 项目中使用 vw 实现移动端适配[68] 表单校验 async-validator[69] vee-validate 目前比较多的方式就是基于 async-validator 进行二次封装(elementUI 组件库提供的表单校验也是基于 async-validator ),或者使用 vee-validate(一种基于 www.jianshu.com/p/1f1b23f8348f [69] async-validator: https://github.com/yiminghe/async-validator [70] vee-validate : https://github.com/baianat/vee-validate [71] Mock: https://github.com/nuysoft/Mock [72] eruda: https

    3K10发布于 2020-05-26
  • 来自专栏code秘密花园

    基于 Vue 和 TS 的 Web 移动端项目实战心得

    rem-vw-layout[66] 细说移动端 经典的 REM 布局 与 新秀 VW 布局[67] 如何在 Vue 项目中使用 vw 实现移动端适配[68] 表单校验 async-validator[69] vee-validate 目前比较多的方式就是基于 async-validator 进行二次封装(elementUI 组件库提供的表单校验也是基于 async-validator ),或者使用 vee-validate(一种基于 www.jianshu.com/p/1f1b23f8348f [69] async-validator: https://github.com/yiminghe/async-validator [70] vee-validate : https://github.com/baianat/vee-validate [71] Mock: https://github.com/nuysoft/Mock [72] eruda: https

    4K21发布于 2019-10-28
  • 来自专栏程序员成长指北

    基于 Vue 和 TS 的 Web 移动端项目实战心得

    rem-vw-layout[66] 细说移动端 经典的 REM 布局 与 新秀 VW 布局[67] 如何在 Vue 项目中使用 vw 实现移动端适配[68] 表单校验 async-validator[69] vee-validate 目前比较多的方式就是基于 async-validator 进行二次封装(elementUI 组件库提供的表单校验也是基于 async-validator ),或者使用 vee-validate(一种基于 www.jianshu.com/p/1f1b23f8348f [69] async-validator: https://github.com/yiminghe/async-validator [70] vee-validate : https://github.com/baianat/vee-validate [71] Mock: https://github.com/nuysoft/Mock [72] eruda: https

    2.7K10发布于 2021-01-06
  • 来自专栏冰霜之地

    Vue 全家桶 + Electron 开发的一个跨三端的应用

    表单验证:vee-validate ?跨平台框架:Electron ?

    2.7K70发布于 2018-08-30
  • 来自专栏图雀社区

    从零到部署:用 Vue 和 Express 实现迷你全栈电商应用(四)

    set in webpack.base.conf with an alias. import Vue from 'vue'; import { ValidationProvider } from 'vee-validate

    2.5K10发布于 2020-04-07
  • 来自专栏图雀社区

    从零到部署:用 Vue 和 Express 实现迷你全栈电商应用(七)

    set in webpack.base.conf with an alias. import Vue from 'vue'; import { ValidationProvider } from 'vee-validate

    1.8K20发布于 2020-04-07
  • 来自专栏大前端全栈开发

    前端开发日常工作每日记录笔记(2019至2024合集)

    (item, $event)" // 第二个参数是默认的当前值@on-change="onChange($event, item)" // 第一个参数是默认的当前值2020年3月12日vee-validate

    54510编辑于 2025-04-04
领券