开发环境准备 本地环境配置需要：Node.js，IDE，Vue-CLi，Linux 虚拟机自建环境，购买服务，安装Docker具体介绍：Node.js(npm/yarn) + nvm(node.js版本管理)IDE(Webstorm/Vscode/Atom) Node.js Node.js官网地址：https://nodejs.org/zh-cn/我们浏览器打开后会显示如
目录一、清除表单的验证问题的发生以及解决过程代码总结二、复合型输入框——查询（前置和后置都有的）问题的发生以及解决过程代码展示一、清除表单的验证问题的发生以及解决过程表单弹窗关闭后再打开会出现上一次的验证信息提示，影响使用。翻了翻文档，发现我们可以使用clearValidate（）方法将验证信息移除。即每次监听弹窗的打开，一旦弹窗打开就清除，然而发现没有用T-T然后想起了之前大佬教的试试延时使用，
转载
2024-03-31 20:02:32
861阅读
一、登录流程分析前端，用户输入用户名和密码，结合路由和权限校验，然后进行登录。这样，前端附带用户名和密码发送给后端。后端接收到后，结合 mysql 应用进行用户鉴权。后端结合 jwt 应用，通过 jwt 生成 token，将 token 发送给前端。前端保存 token，然后请求用户信息。在保存 token 和请求用户信息中使用了 axios 拦截器。前端在请求用户信息时，将 token 附带至
转载
2024-04-19 13:10:39
11阅读
1. 写在 data 中验证表单内容<!-- 表单 -->
<el-form ref="rulesForm" :rules="formRules" :model="rulesForm" label-width="200px">
<el-form-item label="用户名称:" prop="userName">
<el-input
转载
2024-05-22 19:21:23
1615阅读
1、开发 H5 时移动端，经常会使用真机进行调试本地环境、webpack 配置服务器好多脚手架写的都是固定的，而在团队开发中需要每人配置自己的本机 ip 进行开发，每次开启开发环境的都需要修改，并且还不能提到 git ，太麻烦了，所以找了方法，动态获取本机 ip 进行本地环境真机调试。 2、如果有其他人想看一下项目，难道每次都要打包发布一下才可以看到吗？将 localhost 改成电脑 ip 地址
转载
2024-10-20 10:47:26
241阅读
ip 表单验证 vue iview template <Row v-show="config.bindIP"> <Col span="1
原创
2023-04-23 09:08:54
256阅读
最近在整理以前的代码，碰到了写的element-ui整合vue的项目感觉挺好用的，就用一个案例分享给大家吧。首先还是直接附上一份单独网页版的代码吧，复制导入vue.js即用，不需要后端，感受下element-ui的强大。如果想要直接的案例，不想进行简单尝试，请直接调到标题二：案例环境1. 单独网页版代码：<!DOCTYPE html>
<html lang="en">
&l
转载
2024-04-23 16:00:34
95阅读
今天总结下复杂表单的验证问题，学会后直接可以用在实际开发中，相信看完后一定会对你在实际项目中有帮助。我们都知道elementUI组件库已经比较完善了，今天我们来看下它的常用的表单组件，一般情况下，参照文档开发就可以写出符合业务需求的表单模块，包括表单的验证，但是有时候表单的数据会比较复杂，会有对象嵌套对象，对象嵌套数组的这种比较复杂的情况，遇
转载
2024-09-17 13:24:45
65阅读
在Vue中实现表单验证码与滑动验证功能验证码和滑动验证是Web应用程序中常见的安全功能，用于验证用户的身份并防止恶意活动。Vue.js作为一个流行的JavaScript框架，提供了许多工具和库来实现这些功能。本文将介绍如何使用Vue来实现表单验证码和滑动验证功能，包括使用vue-recaptcha库和自定义滑动验证组件。准备工作在开始之前，确保您已经安装了Vue CLI，并创建了一个Vue项目。如
转载
2024-10-09 12:11:40
299阅读
1.UI效果图 2.html代码详解 <template> <div id="app"> <el-form inline :model="formdata" :rules="rules" ref="elfrom"> <el-form-item label="审批人" prop="username"> ...
转载
2021-10-09 15:40:00
817阅读
2评论
前言为什么要表单验证？减轻服务器的压力保证输入的数据符合要求表单验证是减少后端工作量最好的方式之一，我们可以在前端利用表单验证和正则规范化传给服务端的数据，这样就可以大大减少服务端对数据的过滤如何使用？第一步： 首先向大家接单介绍一下如何在你的Vue脚手架环境中使用ElementUI// 下载：
npm install Element --save
// 引入 main.js 中引入 分为引入JS
转载
2024-03-19 21:08:32
97阅读
➢ 需求默认都是必选下拉选择的时候选择必填，活动名称为必填，需要校验和显示*选择非必填，活动名称不做校验，隐藏*➢ 初始校验规则经测试，网上其他的方式都没有实现需求，动态切换rules中的required没有作用因为按照以下的写法的话，element-ui在组件初始化后校验规则就定型了，切换也没用rules: {
name: [
{ required: true, mess
转载
2024-04-23 11:00:13
2219阅读
随着项目越来越大，最近遇到了一个问题。需求需要修改账户，密码和电话号码的验证规则。 现在前端总共维护7个项目，5个pc项目和2微信页面。表单项涉及很多，并且验证规则分配在各个页面，导致修改验证规则，需要到每个页面中寻找修改，这样不仅耗时长并且容易出现漏改的情况。所以就在考虑如何基于现有的框架（element）把验证规则抽象到一个文件里面。面临的问题将验证规则和过滤规则抽象出来不能影响现有规则，因为
转载
2024-06-01 08:35:34
90阅读
目录1、问题背景：2、问题描述：3、 解决过程：4、解决方法：5、参考文章：1、问题背景：我做了一个自定义组件，然后监听组件产生的数据作为form的值，表单大致结构如下：<el-form-item :label="v.tagName" v-for="(v,k) in tags" :key="k" :prop="v.id+''">
<el-tag style="
转载
2024-03-15 05:45:19
514阅读
今天在项目中需要使用一个验证码输入框，上图： 由于压缩了，GIF不太清晰，补个原图：刚开始想的是使用四个input，输入时聚焦到下一个，删除则聚焦到上一个，仔细一想太麻烦，放弃了。之后想就使用一个input，把letter-spacing调大，再去控制四个div的CSS，不优雅，而且下次复用直接完蛋，也放弃了。这个输入框最大的难点就在于光标位置切换，一直转进input聚焦的死胡同里了，后
转载
2024-06-21 12:37:10
456阅读
elementUI vue 编辑中的input的验证残留清除
原创
2021-07-15 14:38:50
518阅读
1、设计校验方式： 我们表单验证的rules一般封装一个单独的js文件，比如我之前写的这个博客： ElementUI使用问题记录：设置路由+iconfont图标+自定义表单验证 可以修改下：公共的校验写在公共里面，个性化的校验写在methods里面 :rules="[rules.password,{
转载
2018-05-09 22:20:00
166阅读
上一篇我们已经讲了VDom,聊聊为什么又想着写这么一篇文章，实在是项目里，不管自己还是同事，都或多或少会遇到这块的坑。所以这里当给小伙伴们再做一次总结吧，希望大伙看完，能对 vue 中的 vdom 有一个更好的认知。好了，接下来直接开始吧抛出问题在开始之前，我先抛出一个问题，大家可以先思考，然后再接着阅读后面的篇幅。先上下代码 先去看看效果： 然后我在换一个关键词
1、安装 npm i element-ui -S 2、完整引入 其中，样式文件是单独引用的。 3、按需引入（需要借助babel-plugin-component） npm install babel-plugin-component -D 然后创建babel的配置文件 然后就可以按需引入了： 在引入 ...
转载
2021-10-23 21:54:00
423阅读
2评论
文章目录项目部署视频前言一、前端搭建1、下载前端模板2、项目运行二、前端登录改造1、改造前端项目2、登录接口请求详解3、数据响应三、总结 前言这次拖了一个多月才更新，最近自己发生了很多的事情，有时间和大家一起聊聊，所以一直没来得及更新，这次终于能静下心来写文章了，在这期间我还谋划了一个大的规划，那就是整理Java。我将系统的进行学习，学习的同时我将会写基础的学习文章，估计要持续四个月左右吧，从J
