vue
关注
分享
扫一扫
mqingo
java开发。
展开
-
vue实现下拉列表-----不连数据库
<el-select v-model="form.fzr" placeholder="负责任"> <el-option v-for="(item,index) in fzr1" :key="index" :label="item.label" :value="item.value"> &原创 2018-11-20 17:24:00 · 295 阅读 · 0 评论 -
Vue 品牌列表自定义全局指令使文本框获得焦点
08品牌列表自定义全局指令使文本框获得焦点.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial原创 2019-01-04 11:48:05 · 830 阅读 · 0 评论 -
Vue v-model指令的学习
v-model指令的学习.html<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>v-model指令的学习</title> <script type="text/javascript" src=&q原创 2019-01-02 09:43:21 · 4535 阅读 · 0 评论 -
Vue 08使用v-model实现计算器
08使用v-model实现计算器.html<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>08使用v-model实现计算器</title> <script type="text/javascript"原创 2019-01-02 10:16:08 · 689 阅读 · 0 评论 -
Vue 09Vue中使用行内样式---class
09Vue中使用样式---class.html<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>09Vue中使用样式----class</title> <script type="text/javascript原创 2019-01-02 10:59:17 · 2886 阅读 · 1 评论 -
Vue 10Vue中使用内联样式----style
10Vue中使用内联样式----style.html<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>10Vue中使用内联样式----style</title> <script type="text/javas原创 2019-01-02 11:08:10 · 1962 阅读 · 0 评论 -
Vue 11v-for循环普通数组
11v-for循环普通数组.html<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>11v-for循环普通数组</title> <script type="text/javascript" src=原创 2019-01-02 11:20:12 · 1008 阅读 · 0 评论 -
Vue 12v-for循环对象数组
12v-for循环对象数组.html<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>12v-for循环对象数组</title> <script type="text/javascript" src=原创 2019-01-02 11:30:32 · 491 阅读 · 0 评论 -
Vue 13v-for循环对象.html
13v-for循环对象.html<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>13v-for循环对象</title> <script type="text/javascript" src=&quo原创 2019-01-02 11:41:10 · 2424 阅读 · 0 评论 -
Vue 14v-for迭代数字
14v-for迭代数字.html<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>14v-for迭代数字</title> <script type="text/javascript" src=&quo原创 2019-01-02 11:58:09 · 427 阅读 · 0 评论 -
Vue 15v-for循环中key属性的使用
15v-for循环中key属性的使用.html<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>15v-for循环中key属性的使用</title> <script type="text/javascript&原创 2019-01-02 15:49:42 · 3592 阅读 · 0 评论 -
Vue 16v-if和v-show的特点
16v-if和v-show的特点.html<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>16v-if和v-show的特点</title> <script type="text/javascript"原创 2019-01-02 16:14:46 · 2034 阅读 · 2 评论 -
Vue 品牌列表的添加
品牌列表的添加.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0&quo原创 2019-01-03 10:36:23 · 910 阅读 · 0 评论 -
Vue 品牌列表的删除
品牌列表的删除.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0&quo原创 2019-01-03 10:38:30 · 682 阅读 · 0 评论 -
Vue 品牌列表自定义局部指令
09品牌列表自定义局部指令.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scal原创 2019-01-07 17:23:27 · 551 阅读 · 0 评论 -
Vue 指令函数的简写形式
10指令函数的简写形式.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=原创 2019-01-07 17:33:03 · 4999 阅读 · 0 评论 -
Vue 品牌列表的搜索关键字
品牌列表的搜索关键字.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0&原创 2019-01-03 13:25:08 · 660 阅读 · 1 评论 -
Vue vue生命周期
[vue实例的生命周期](https://cn.vuejs.org/v2/guide/instance.html #实例生命周期)+ 什么是生命周期：从Vue实例创建、运行、到销毁期间，总是伴随着各种各样的事件，这些事件，统称为生命周期！+ [生命周期钩子]( https://cn.vuejs.org/v2/api/ #选项-生命周期钩子)：就是生命周期事件的别名而已；+ 生命周期钩子 =...原创 2019-01-07 22:14:50 · 78911 阅读 · 10 评论 -
Vue品牌列表按键修饰符
07品牌列表按键修饰符.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0原创 2019-01-04 10:57:22 · 547 阅读 · 0 评论 -
Vue 品牌列表padStart方法的使用
06品牌列表padStart方法的使用.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-s原创 2019-01-04 10:41:54 · 636 阅读 · 0 评论 -
Vue 品牌列表的私有过滤器
05品牌列表的私有过滤器.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.原创 2019-01-04 10:30:05 · 336 阅读 · 0 评论 -
vue时间组件精确到时分秒---datetime
由于项目的需求,时间需精确到时分秒.环境:数据库5.5后端技术:springboot+maven+shiro+swagger+mybatis+redis+quartz+thyemeleaf前端技术:vue数据库:mysql前台type="datetime" ,后台接收为datetime,之前写的时候,没有加format="yyyy-MM-dd HH:mm" ,导致添加未成功,一...原创 2018-11-21 10:17:14 · 14499 阅读 · 0 评论 -
vue实现excel导出的时候报错
vue实现excel导出的时候报错:app.js:7935 Uncaught (in promise) TypeError: Cannot read property 'map' of undefined at VueComponent.formatJson (app.js:7935) at VueComponent.boundFn [as formatJson] (app.j...原创 2018-12-04 16:41:02 · 2152 阅读 · 0 评论 -
vue实现excel导出功能(没走springboot的后台)
1.下载依赖npm install -D xlsx ,file-savernpm install -s script-loader2.在src下创建excel文件夹3.excel文件夹下有Blob.js和Export2Excel.jsBlob.js: /* eslint-disable *//* Blob.js * A Blob implementation....原创 2018-12-04 18:37:00 · 1408 阅读 · 0 评论 -
vue背景图显示不全
登录页面的图片没有显示全,缺少左下角和右上角的蓝色部分.这是没改之前的代码:<template> <div class="login-container"> <div class="img1" > <div class="img2"> <div class=&quo原创 2018-11-30 15:19:23 · 3469 阅读 · 2 评论 -
vue
### 什么是Vue.js+ Vue.js 是目前最火的一个前端框架，React是最流行的一个前端框架（React除了开发网站，还可以开发手机App， Vue语法也是可以用于进行手机App开发的，需要借助于Weex）+ Vue.js 是前端的**主流框架之一**，和Angular.js、React.js 一起，并成为前端三大主流框架！+ Vue.js 是一套构建用户界面的框架，**只关...原创 2018-12-01 14:12:53 · 3663 阅读 · 3 评论 -
Vue v-cloak ,v-text ,v-html指令
vue-2.4.0.js:/*! * Vue.js v2.4.0 * (c) 2014-2017 Evan You * Released under the MIT License. */(function (global, factory) { typeof exports === 'object' && typeof module !== 'undefined...原创 2018-12-03 13:13:14 · 968 阅读 · 0 评论 -
Vue 跑马灯效果
vue-2.4.0.js: /*! * Vue.js v2.4.0 * (c) 2014-2017 Evan You * Released under the MIT License. */(function (global, factory) { typeof exports === 'object' && typeof module !== 'undefin...原创 2018-12-03 13:41:00 · 1161 阅读 · 1 评论 -
springboot+vue用poi技术实现excel导入并插入到数据库,在页面更新
技术:前端:vue后端:springboot数据库:mysqlpom.xml:<!-- excel --> <dependency> <groupId>org.apache.poi</groupId> <artifactId>poi</artifactId> <versio...原创 2018-12-06 13:40:56 · 7219 阅读 · 7 评论 -
Vue 事件修饰符
### 事件修饰符： .stop 阻止冒泡 .prevent 阻止默认事件 .capture 添加事件侦听器时使用事件捕获模式 .self 只当事件在该元素本身（比如不是子元素）触发时触发回调 .once 事件只触发一次vue-2.4.0.js:/*! * Vue.js v2.4.0 * (c) 2014-2017 ...原创 2018-12-03 22:30:16 · 1445 阅读 · 0 评论 -
springboot+vue实现文件上传
技术:后端:springboot前端框架:vue数据库:mysqlpom.xml: <dependency> <groupId>commons-fileupload</groupId> <artifactId>commons-fileupload</artifactId> <version&g...原创 2018-12-07 10:05:54 · 10550 阅读 · 1 评论 -
vue循环添加,删除,重置
数据库:bean: package com.heeexy.example.bean;import java.util.Date;import org.springframework.format.annotation.DateTimeFormat;import com.fasterxml.jackson.annotation.JsonFormat;//写跟进表publ...原创 2018-12-20 16:03:21 · 1280 阅读 · 0 评论 -
vue设置表单校验规则
在input框加:rules="{ required: true, message: '请输入XXX', trigger: 'blur' }"原创 2018-12-17 17:42:17 · 1302 阅读 · 0 评论 -
springboot+vue实现excel导入-------去重
springboot后台:数据库:bean: package com.heeexy.example.bean;import java.util.Date;//客户列表public class KH { private int id; private int userId; private Date update_time; private Da...原创 2018-12-18 14:23:58 · 2414 阅读 · 0 评论 -
Vue 过滤器
过滤器:Vue.js 允许你自定义过滤器，**可被用作一些常见的文本格式化**。过滤器可以用在两个地方：**mustache 插值和 v-bind 表达式**。过滤器应该被添加在 JavaScript 表达式的尾部，由“管道”符指示；03品牌列表的过滤器.html<!DOCTYPE html><html lang="en"><head> ...原创 2019-01-03 17:55:40 · 1797 阅读 · 0 评论 -
Vue v-bind指令
vue-2.4.0.js: /*! * Vue.js v2.4.0 * (c) 2014-2017 Evan You * Released under the MIT License. */(function (global, factory) { typeof exports === 'object' && typeof module !== 'undefin...原创 2018-12-29 17:08:50 · 7236 阅读 · 0 评论 -
Vue v-on指令
04v-on指令.html<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>04v-on指令</title> </head> <body> <div id=&q原创 2018-12-29 17:47:46 · 6863 阅读 · 0 评论 -
Vue 定义全局过滤器,时间格式化
03品牌列表的全局过滤器.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.原创 2019-01-04 09:35:31 · 1951 阅读 · 0 评论