通过vue指令使用脚手架初始化项目时，在cmd中输入vue init webpack vue_project，终端报错：'vue' 不是内部或外部命令，也不是可运行的程序或批处理文件。解决方案：1、确定npm是否已正确安装，在cmd中输入如下指令：npm -v可以查看当前npm版本号：当显示版本号时说明npm已成功安装。2、进入node.js的安装目录中查看一级目录下是否存在vue.cmd指令：已
文章目录element ui的安装和一些简单的使用安装和配置element ui中的图标使用element ui官方网址中的表单校验表单重置表单提交时获取校验结果element ui中的container布局容器element ui中导航菜单的使用element ui中对话框的使用 element ui的安装和一些简单的使用安装和配置首先先要在脚手架项目中安装element ui,命令如下图：脚
一 .安装最新版本步骤1.vue依托nodejs，所以首先要安装nodejs命令：node -v 查看是否安装了nodejs （有版本号即成功）命令：npm -v 查看是否安装了npm (有版本号即成功)说明：npm是node的包管理工具，默认安装完node之后，npm会自动安装上的。2.安装Vue 说明：vue依托nodejs，vue只是node万千包中的一个。
vue init webpack 项目名 //不用手动新建项目,会自动新建文件夹 清理缓存 npm cache clean --force 打包命令 npm run build //打包前项目config的index.js中 build下面的assetsPublicPath: 改为'./' 否则打的 ...
转载
2021-09-22 14:48:00
193阅读
2评论
element-ui的简单笔记element-ui简单笔记(上)element-ui简单笔记(下) 八、Form相关组件8.1 Radio单选按钮1.创建Radio按钮<!--组件创建-->
<el-radio v-model="label" label="男">男</el-radio>
<el-radio v-model="label" lab
1、初始化创建一个vue项目： 打开终端输入命令 注意：Use ESLint to lint your code 可以选择NO 不然会做校验，提示代码警告。 2、切换到项目下，安装element-ui: 3、在项目中使用element-ui： 在main.js引入，并使用： 4、查看效果： 修改下c
原创
2021-09-26 17:30:00
310阅读
最近在整理以前的代码，碰到了写的element-ui整合vue的项目感觉挺好用的，就用一个案例分享给大家吧。首先还是直接附上一份单独网页版的代码吧，复制导入vue.js即用，不需要后端，感受下element-ui的强大。如果想要直接的案例，不想进行简单尝试，请直接调到标题二：案例环境1. 单独网页版代码：<!DOCTYPE html>
<html lang="en">
&l
说明： 代码自带地区JSON数据，由于篇幅限制，只放了部分地区数据，完整地区数据或者vue组件模式代码github地址效果：代码：<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<meta name="author" content="LF" />
实现后台首页后台首页基本布局打开Home.vue组件，进行布局：<el-container class="home-container">
<!-- 头部区域 -->
<el-header>Header<el-button type="info" @click="logout"> 退出 </el-button></el-he
功能 接着前一篇文章基于element-ui框架封装一个更好用的表格组件，我们开始写查询组件. 查询组件的话,需要有什么呢? 下面我画了一个粗略的原型，基本描述了查询组件需要实现的功能了。基本的查询功能 [输入条件，选择下拉数据点击查询] 添加查询下拉面板 [很多查询的话，一行放不下，需要给一下更多查询下拉面板，除掉默认查询的条件，都放下拉面板去，具体默认查询条件放几个，可以做成通过传入的参数控制
vue项目中引入element ui1.安装element ui1. 安装 Element-UI 模块
npm install element-ui --save2.在main.js中全局引入element uiimport ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
Vue.use(E
作者：Pseudo 凡是要知其然知其所以然文件上传相信很多朋友都有遇到过，那或许你也遇到过当上传大文件时，上传时间较长，且经常失败的困扰，并且失败后，又得重新上传很是烦人。那我们先了解下失败的原因吧！前面小编也整理过关于文件上传的详细原理和文件上传技巧：手把手教你前端的各种文件上传攻略和大文件断点续传 一文了解文件上传全过程(1.8w字深度解析)「前端进阶必备」 据我了解大概有以下原因：
1、安装 npm i element-ui -S 2、完整引入 其中，样式文件是单独引用的。 3、按需引入（需要借助babel-plugin-component） npm install babel-plugin-component -D 然后创建babel的配置文件 然后就可以按需引入了： 在引入 ...
转载
2021-10-23 21:54:00
322阅读
2评论
分析Element-ui封装思想在平时写业务或者是写玩具的时候为了方便，我们会使用各种各样的组件库。虽然说基本需求看文档就可以了，但是文档中提供的方法和业务需求相比肯定是有一定差距的，这时候就需要自己封装组件了；并且，在写了一些代码后感觉，其实在不同的项目中写过功能差不多相同的代码，那为什么不封装一下方便以后、或者是其他人使用呢？写这篇博客的时候参考了b站up主樱满空的视频。文章内容会不断的更新，
一、授权命令1、文件授权 chmod {ugo}{+-=}{rwx} 文件名，可以给指定对象授权指定权限，其中“+”表示加上权限，“-”表示减去权限，“=”授予权限，但是一般授权都不使用这种方式，而是用下面的方式： chmod 权限代码 文件名，rwx --> 111-->7,即r为4
/ 如果当前值和上一行的值相同，则将当前单元格隐藏。// 否则计算当前单元格应该跨越多少行。// 获取上一行相同列的值。// 获取当前单元格的值。
1.elementui布局框架Element，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库 。换句话说:Element它是在vue2.0的基础上，提供了各种组件(比如表单 表格 菜单导航.....),使用这些组件可以更好得完成功能和布局。2.1 如何使用elementui组件（1）需要再相应得网页中引入vue和elementui得文件注意:必须先引入vue在引入elem
一、登录过程分析在登录页面当中，引用Element UI中的input输入框，配置 :model="loginForm"，同时在列表项input输入框中结合v-model命令，v-model="loginForm.username"，实现双向数据绑定。对于data中的数据，也需要进行定义之前model所绑定的数据loginForm，这个也是录表单的数据绑定对象，在loginForm中定义具体的数据
目录一、实现功能说明二、具体实现细节2.1表单校验2.2记住账号功能三、总结 一、实现功能说明设计登录主要实现以下几个功能 1、校验账号是否为空 2、校验密码是否符合正则表达式（密码只能以字母开头，长度在5~18之间，只能包含字母、数字和下划线） 3、记住账号功能：点击记住账号，在将来一段时间打开登录界面账号将自动填入输入框，同时记住账号勾选框为√；如果用户不想记住密码了，取消记住账号勾选框，登
一、环境准备 1、首先我们先要安装node.js，我的是win10 系统我们上node.js官网(https://nodejs.org/zh-cn/)，下载最新的长期版本，直接运行安装完成之后，我们就已经具备了node和npm的环境啦。 查看是否安装成功，如果能够正常打印出版本就说明安装成功了 二、接下来我们开始安装vue# 安装淘宝npm
npm install -g cnpm --regist
