vue
文章平均质量分 54
itfallrain
勤思,善学,知行,思敏,体健,豁达。
展开
-
java + vue 实现本地文件的下载功能
文章目录1:实现效果2:java 代码2:vue代码1:实现效果2:java 代码package com.csp.doc.controller;import org.springframework.web.bind.annotation.GetMapping;import org.springframework.web.bind.annotation.RequestMapping;import org.springframework.web.bind.annotation.RestContr原创 2021-03-23 16:23:04 · 1792 阅读 · 0 评论 -
ant-design Table表格添加合计行
1:方式一1:效果图2:实现方式在footer中渲染一个与原表一模一样的表结构,隐藏表头,我这里使用的时z-index层级结构,定位的方式,把footer表上移,把表头隐藏进上表的最后一行。原因:因为每行我都没给宽度,每行的宽度都是根据数据的长度自适应的。这也是showHeader={true}使用true的原因。3:实现代码// 1.在表添加footer属性<a-table ref="table" size="middle" bord原创 2021-03-10 10:02:34 · 16595 阅读 · 28 评论 -
vue日期选择框之时间范围的使用
实现效果如下 <a-col :xl="8" :lg="16" :md="24" :sm="32"> <a-form-item label="时间" > <a-range-picker style="width: 350px" v-model="queryParam.createTimeRange" :disabled-tim.原创 2021-02-19 17:38:58 · 2284 阅读 · 0 评论 -
vue 实现两个数的取值范围
文章目录1:实现的效果2:实现步骤1:实现的效果2:实现步骤页面使用两个数字输入框 <a-col :xl="5" :lg="7" :md="8" :sm="24"> <a-form-item label="访问数范围" > <a-input-number :min="0" v-model="queryParam.visitNum_begin" @change="handleMinChange" /> ~原创 2020-12-11 10:52:27 · 6761 阅读 · 0 评论 -
jeecgboot2.2页面直接通过创建时间查询
文章目录1:页面代码2:需要引入的包3:定义参数4:用到的方法:创建时间,不传后台,后台可以通过参数接收1:页面代码 <a-col :md="8" :sm="5"> <a-form-item label="创建时间" > <a-range-picker style="width: 210px" v-model="queryParam.createTime原创 2020-12-08 16:18:13 · 1865 阅读 · 0 评论 -
vuex + Vue.ls双重数据组合使用,避免数据刷新丢失步骤。
1:vuex存储数据流程首先先把数据存到vuex,因为我们是在这里存取数据的首先定义你要用的数据(可以是变量、对象、数组等)这里拿对象“userinformation”来说,(我这里是给对象定义好了参数,并赋值了初值,你也可以之定义对象)。const user = { state: { userinformation:{ seatId:'', seatName:'', seatNo:'', tenantId:'', use原创 2020-11-19 11:18:06 · 1783 阅读 · 0 评论 -
jeecg-boot 列表自定义列实现
文章目录功能说明:功能预览:实现方法:一. 增加初始化配置注意事项:功能说明:页面自定义设置列表需要选择的列,设置组件集成的两种方法,一个是在列表外增加设置组件,一个是在列表表头增加设置组件具体代码案例参照【常用示例-单表模型示例】功能功能预览:实现方法:一. 增加初始化配置data() 方法中配置 //表头 columns:[], //列设置settingColumns:[],//列定义defColumns: [{ title: '#',原创 2020-11-05 15:18:27 · 5152 阅读 · 0 评论 -
jeecg-boot书写一个左右联动页面
目录标题1:最终效果图(红色框)11:最终效果图(红色框)1原创 2020-11-02 13:52:46 · 1019 阅读 · 7 评论 -
jeecg-boot整和V-IM前端
这里写自定义目录标题1:整和配置文件2:整和js文件3:整和vue页面1:整和配置文件整和标准:采用主从jeecg-boot副从V-IM整和配置文件package.json2:整和js文件3:整和vue页面原创 2020-10-26 18:03:10 · 751 阅读 · 2 评论 -
V-IM部署本地启动教程
目录标题1:后端启动教程1.1:环境准备1.2:创建数据库1.3:后端编译启动2:前端启动教程2.1:前端依赖下载、启动、打包1:后端启动教程1.1:环境准备数据库:MySQL5.7+jdk:1.8+node.jsredis依赖管理:Maven开发工具:IntelliJ IDEA,需要安装的插件lombok1.2:创建数据库创建数据库,把V-IM\V-IM-Server\doc目录下的sql运行create database `vim` default character se原创 2020-10-10 16:06:31 · 1847 阅读 · 2 评论 -
Vue中使用websocket的正确姿势
文章目录1:首先谈谈websocket是什么?2: vue中怎么使用1:首先谈谈websocket是什么?WebSocket是一种在单个TCP连接上进行全双工通信的协议。WebSocket通信协议于2011年被IETF定为标准RFC 6455,并由RFC7936补充规范。WebSocket API也被W3C定为标准。WebSocket使得客户端和服务器之间的数据交换变得更加简单,允许服务端主动向客户端推送数据。在WebSocket API中,浏览器和服务器只需要完成一次握手,两者之间就直接可以创建持原创 2020-09-01 14:55:32 · 12970 阅读 · 2 评论 -
vue删除对象属性-添加对象属性
1:vue删除对象属性this.$delete(this.B,'name');//删除对象属性原创 2020-06-28 11:33:30 · 2195 阅读 · 0 评论 -
Vue怎么判断数组、对象(集合)是否为空、属性是否为空字符传、json字符串,数组,对象的相互转换
1: Vue怎么判断对象是否为空JSON.stringify(evtValue)=='{}'Object.keys(xxxx).length==02:js判断对象是否为空对象的几种方法1.将json对象转化为json字符串,再判断该字符串是否为"{}"var data = {};var b = (JSON.stringify(data) == "{}");alert(b);//truefor in 循环判断var obj = {};var b = functio原创 2020-06-24 11:24:24 · 33397 阅读 · 0 评论 -
VUE 常规截取和特殊字符之前之后截取
1:平常使用的let str = 'abcdef';// 0 str = str.slice(0);//返回整个字符串 abcdefstr = str.substring(0);//返回整个字符串 abcdefstr = str.substr(0);//返回整个字符串 abcdef// 使用一个参数str = str.slice(2);//截取第二个之后所有的字符 cdefstr = str.substring(2);//截取第二个之后所有的字符 cdefstr = str.subs转载 2020-06-23 16:32:27 · 19696 阅读 · 3 评论 -
vue实时监听input输入框中 输入内容
1:根据官方文档change 输入框内容变化时的回调 <a-input-search style="width: 15%;height:3%;margin-top: 15px;margin-left: 10px;" placeholder="input search text" @change="onChange"> <a-button slot="enterButton" > 搜索 </a-button&g原创 2020-06-12 09:53:27 · 23848 阅读 · 0 评论 -
jeecg-boot 2.2 前端基础布局说明
1:主页面路径:public\index.html解释:配置登录页的title.和登录加载过程出现的文字2:前端页面整体布局路径 :src\components\page\GlobalLayout.vue解释 :页面的菜单,头部,底部的整体布局是这个页面三个位置是以组件的形式引入整体布局页面 SideMenu, GlobalHeader, GlobalFooter。3:页面嵌套形式都是一组件的形式,一层一层往外嵌套的。...原创 2020-05-29 09:39:20 · 6611 阅读 · 4 评论 -
Could't find the binary git (jeecg-boot前端yarn install报错)
1:按照提示,意思就是没有发现git解决方法:去下载一个git:下载地址:https://git-scm.com/downloads请切换命令 cnpm install删除markdown插件 tui-editor修改涉及文件...原创 2020-05-07 10:49:56 · 10737 阅读 · 3 评论 -
vue +echart data中的数据动态赋值
今天用vue 往echart中添加数据的时候,遇到了一个问题,就是从后台调取过来数据,怎么动态的赋值给xAxis.我今天做的是把部门动态添加到xaxis下面是效果图下面是打印获取到的值下面是实现的代码index.html<template> <div class="department"> <div id="department_role" ...原创 2019-04-10 00:42:43 · 11702 阅读 · 6 评论 -
ECharts 折线图改变title lenendX轴Y轴字体颜色,大小改变(vue引用)
该变背景,字体,折线颜色,x,y轴颜色,title字体颜色,lenend字体颜色,y轴添加单位后的效果图原图代码js mounted(){ this.powerChart = this.$echarts.init(document.getElementById("Echart")); this.electricChart = this.$echar...原创 2019-04-12 13:41:34 · 7364 阅读 · 0 评论 -
vue Element-ui(el-table、el-pagination)实现表格分页
HTML代码:(重点关注el-table中:data数据的绑定)el-pagination中:layout代表组件布局,子组件名用逗号分隔属性: total代表总条目数事件: current-change用于监听页数改变,而内容也发生改变html<template> <el-main> <el-input placeholder="请输入要...原创 2019-03-26 16:52:43 · 16610 阅读 · 0 评论 -
vue实现弹窗(配图)
<template> <el-container> <el-button type="text" @click="dialogVisible = true">点击打开 Dialog</el-button> <el-dialog :visible.sync="dialogVisible" width="50%" sty...原创 2019-03-25 16:35:27 · 8764 阅读 · 0 评论 -
重写iview Modal组件中的取消和确定按钮
<Modal title="项目分配" v-model="allocationModal" class-name="vertical-center-modal" :loading="allocationModalLoading" > <div slot="footer"> <Button typ原创 2019-02-20 18:12:19 · 8085 阅读 · 2 评论