vue-element-admin这个项目是基于这个后台框架的，可以参考下面的地址https://panjiachen.github.io/vue-element-admin-site/zh/项目的主要运行步骤先下载node.jshttps://nodejs.org/en/下载依赖包,在根目录(package.json在的目录下) 命令面板运行npm install运行项目 npm run dev
转载
2024-02-27 21:47:52
124阅读
<el-form ref="form" :model="form" :rules="rules" label-width="0px" class="demo-ruleForm"> <el-form-item prop="username"> <el-input v-model="form.username" pla
原创
2023-02-22 11:00:39
123阅读
表单验证11位手机号11位手机号码和座机号码（方法一：适合写在公共文件，或者多个表单皆需调用）邮箱验证使用规则方法（举例电话的）11位手机号码和座机号码（方法二：直接写入，一个表单验证）将后端传的超长数字(>16位)以字符串形式保存。（避免拿到后尾数化为0） 11位手机号data(){
// 验证手机号的规则
var checkMobile = (rule, value, cb)
转载
2024-09-24 07:02:26
137阅读
Element表单验证（1）首先要掌握Element官方那几个表单验证的例子，然后才看下面的教程。Element主要使用了async-validator这个库作为表单验证async-validator主要分成三部分ValidateOptionsRules其中，对于我们使用Element的来说，Rules最重要，也是这部分内容较多的。async-validator各部分async-validator
转载
2024-08-28 00:01:29
486阅读
目录一、实现表单基本结构1.1 创建项目1.2 安装Element二、表单校验的先决条件2.1 model属性 (表单数据对象)2.2 绑定model2.3 rules规则2.4 设置prop属性2.5 给input双向绑定字段属性三、表单校验规则3.1 基本使用规则3.2 自定义校验规则3.3 手动校验的实现四、Async 和 Await4.1 回调模式和promise的链式调用4.2 关于Pr
转载
2024-03-26 10:11:07
469阅读
一、登录流程分析前端，用户输入用户名和密码，结合路由和权限校验，然后进行登录。这样，前端附带用户名和密码发送给后端。后端接收到后，结合 mysql 应用进行用户鉴权。后端结合 jwt 应用，通过 jwt 生成 token，将 token 发送给前端。前端保存 token，然后请求用户信息。在保存 token 和请求用户信息中使用了 axios 拦截器。前端在请求用户信息时，将 token 附带至
转载
2024-04-19 13:10:39
11阅读
1.引入使用1.1安装npm依赖npm install --save vue3-slide-verify1.2使用在需要用到的组件中注册import SlideVerify, { SlideVerifyInstance } from "vue3-slide-verify";
import "vue3-slide-verify/dist/style.css";参考如下写法：<template&
表单验证是用的比较多的了，前几天也有记录了关于element表单多层验证的坑，今天又踩了一下，才发现前几天的记录用处不大，对于表单验证也是一知半解，所以今天再次记录一下，估摸着有半桶水的水准了，听起来叮当响。一. 关于 el-form 的 :model 和 v-modelv-model 和 :model 其实不是同一个东西，v-model，是进行数据双向绑定的，:model是element用来进行
转载
2024-10-05 08:52:51
464阅读
Form 组件提供了表单验证的功能，只需要通过 rules 属性传入约定的验证规则，并将 Form-Item 的 prop 属性设置为需校验的字段名即可。如图 一、给el-form绑定 :rules="addrules" 二、在data 的return里写上需要验证的字段 ，普通验证可以使用el-forem自带的验证。//required 是否必填，message 必填提示信息 trigger:
转载
2024-02-18 10:48:27
662阅读
在我们的登录页面，一般有个登录按钮，我们点击它然后才进行登录，但是站在用户体验上讲，体验非常不好，一般用户都是输入完账号和密码回车就直接登录了，以及一般希望在密码旁边可以点击查看自己的密码看见，输入的是否正确，接下来让我们先上效果图密码不可见的时候密码可见的时候分为三个部分呀一：回车键登录1.第一种方法在created()写上以下代码<script>
created() {
你知道的越多，不知道的就越多，业余的像一棵小草！你来，我们一起精进！你不来，我和你的竞争对手一起精进！编辑：业余草首先，写一个需求文档：一、项目名称：《天天酷跑》(RunDay)二、功能介绍：闯关类游戏，玩家登录后，选择进入游戏，通过键盘控制玩家的上下左右移动，来躲避 障碍物和吃金币，玩家躲避的障碍物越多跑酷距离越远，玩家吃的金币越多，得分越高。三、功能模块：1、登录界面用户名(输入框，明文) 密
转载
2024-08-23 10:09:29
74阅读
问题：如果vue的同一个页面拥有两个表单。验证第一个表单时没有通过就切换到第二个，那么第二个表单会出现验证错误的信息点击编辑框解决方法：添加表单重置验证我们可以通过为两个表单添加ref属性之后在通过调用resetFields()方法来解决问题代码如下<el-form :model="form" :rules="rules" ref="form" label-width="100px">...
原创
2021-07-13 14:36:11
657阅读
问题：如果vue的同一个页面拥有两个表单。验证第一个表单时没有通过就切换到第二个，那么第二个表单会出现验证错误的信息点击编辑框解决方法：添加表单重置验证我们可以通过为两个表单添加ref属性之后在通过调用resetFields()方法来解决问题代码如下<el-form :model="form" :rules="rules" ref="form" label-width="100px">...
原创
2022-02-28 11:54:42
436阅读
问题背景：chrome浏览器关闭提示保存密码的功能，需要通过修改浏览器设置完成，用户操作的设备如果不是私有的就不希望密码被记录，这种需求不能通过用户主动去设置解决。解决思路：通过设置 autocomplete="off" 、 autocomplete="new password" 、 autocomplete="false" 可以实现在ie和FF中的禁用自动回填功能，在chrome下不生
1、vue密码的规则校验password: [ { required: true, message: '请输入密码' }, { min: 6, message: '输入密码长度必须大于6位' }, { pattern: new RegExp('^(?=.[A-Z])'), message: '必须有一个大写字母 ' }, {
原创
2023-02-24 11:47:14
2190阅读
vue-element-admin是开发后台管理系统的一个比较完备的前端解决方案本地运行体验git clone https://github.com/panjiachen/vue-element-admin.git # 从github上拉取代码$ git clone https://gitee.com/mirrors/vue-element-admin.git # 从码云上拉取$ cd vue-e
转载
2024-03-27 13:50:11
78阅读
vue-element-admin一个基于 vue2.0 和 Eelement 的控制面板 UI 框架，这是使用vue技术栈开发的前端程序员的首选管理系统模板，模板以及非常的成熟了，并且有相关的社区和维护人员，开发时候遇到问题也不要慌。推荐指数：star:55k Github 地址：https://github.com/PanJiaChen/vue-element-admin Demo体验：htt
转载
2024-08-22 09:17:54
210阅读
ElementUI简介 我们学习VUE,知道它的核心思想式组件和数据驱动,但是每一个组件都需要自己编写模板,样式,添加事件,数据等是非常麻烦的, 所以饿了吗推出了基于VUE2.0的组件库,它的名称叫做element-ui,提供了丰富的PC端组件ElementUI官网：http://element-cn.eleme.io/#/zh-CN注1：类似前端框架还有iview 案例：<!DOCTYPE
转载
2024-04-18 10:18:39
95阅读
关于element-ui表格使用的一些方法最近在用Vue.js和elment-ui做一个后台管理项目,不得不说element功能非常强大,提供了许多组件,基本可以满足一些基础的开发了.因为我做的后台系统,里面表格用到比较多,但是其实我也只是一个刚入行不久的菜鸟,只看官方文档,开发起来还是有难度.不过经过不停的测试以及查阅资料,还是勉强实现了效果,这里就把一些方法分享出来,
转载
2024-05-18 06:52:45
115阅读
目录前言一、检查项目开发环境二、搭建项目1.安装vue-cli2.创建vue项目总结前言随着框架的流行，越来越多的开发者喜欢用框架开发项目，以vue、react等居主流，国内比较常用的就是vue进行项目的搭建，本系列文章主要使用vue+webpack进行项目的搭建，其中使用了elementUI进行了扩展，增加到后台系统的布局和路由相关知识，有兴趣就往下看吧~一、检查项目开发环境搭建项目前，我们要检
转载
2024-05-08 16:58:32
66阅读
