vue 进阶之旅
Mr.XiaoYang
这个作者很懒,什么都没留下…
展开
-
vue项目中使用element-ui实现excel表格上传
查看更多资源1. 案例简介: vue-cli 搭建前端项目,并使用element-ui实现本地excel表格上传。(1) 限制上传文件只能是 xls、xlsx格式;(2)限制上传文件大小不能超过 2MB!2. 案例图示:3. 案例代码:<el-form ref="newUploadForm" :model="new...原创 2019-07-10 22:35:14 · 8695 阅读 · 4 评论 -
vue项目中使用AES加密
查看更多资源1. 案列简介:vue-cli 脚手架搭建前端项目中,使用AES加密传输数据。2. 安装依赖// 命令行npm i crypto-js --save3. 新建crypto.js文件// 新建 src/utils/crypto.jsimport CryptoJS from 'crypto-js/crypto-js'const KEY = Crypto...原创 2019-07-10 20:50:30 · 3579 阅读 · 0 评论 -
element-ui 日期选择器自定义范围
查看更多资源1. 案例简介: vue项目中,使用element-ui日期月份选择器,实现功能:(1) 默认显示期间为近半年;(2) 开始日期月份为2018年12月,以往月份不可选择;(3) 结束日期月份大于开始日期月份,并截止当前月份,未来月份不可选择。2. 案例图示:3. 案例代码:<el-row> <el-col :xs="24"...原创 2019-07-05 16:01:16 · 4801 阅读 · 1 评论 -
vue项目中使用RSA加密
查看更多资源1. 案列简介:vue-cli 脚手架搭建前端项目中,使用RSA加密传输数据。2. 安装依赖## 命令行npm install jsencrypt --save3. main.js中引用依赖// main.js 中import JSEncrypt from 'jsencrypt';Vue.prototype.$getRsaCode = functi...原创 2019-07-10 18:55:14 · 3563 阅读 · 0 评论 -
vue项目中实现下载后端返回的excel数据表格
查看更多资源1. 案例简介: vue项目中,客户端需要实现以excel表格形式下载数据,后端为java,接受请求 >> 读取数据库 >> 生成excel >> 返回;前端为vue:发送请求 >> 接受响应 >> 实现excel下载。2. 案例图示:3. 后端java代码:/** * ...原创 2019-06-28 14:46:07 · 12466 阅读 · 6 评论 -
element-ui 自定义table表格样式
查更多资源1.案例说明: vue项目中,使用element-ui,根据设计,更改table表格样式,包括表头、字体、背景色、边框、鼠标动作等;2.案例图示:3.案例代码 - 方法一:4.案例代码 - 方法二://自定义-表格样式 .table-text-blue{ color: $blueColor; cursor:pointer;}.tabl...原创 2019-06-18 14:03:57 · 27579 阅读 · 1 评论 -
element-ui table表格使用checkbox实现单选效果
查看更多资源1.案例说明: vue项目中,使用element-ui,要求实现table的单选。2. 案例图示:3.案例代码<script>export default { data() { return { checkList:[], } }, methods: { che...原创 2019-06-18 13:48:15 · 9889 阅读 · 0 评论 -
vue-cli创建vue.js项目并添加git版本控制
查看更多资源第一步:全局安装vue-cliC:\Users\小羊先生>npm install vue-cli --globalnpm WARN deprecated coffee-script@1.12.7: CoffeeScript on NPM has moved to "coffeescript" (no hyphen)c:\web\nodejs\node_global...原创 2018-07-20 13:52:59 · 6542 阅读 · 1 评论 -
vue-router的基本使用
查看更多资源简介:Vue Router是Vue.js的官方路由器。它与Vue.js核心深度集成,使用Vue.js构建单页应用程序变得轻而易举。一、案列图示二、案例代码:<!--index.html --><!DOCTYPE html><html lang="en"><head> <meta charset="...原创 2018-07-24 13:55:10 · 196 阅读 · 1 评论