- 博客(21)
- 收藏
- 关注
RSS订阅原创 前端（vue，js）使用get和post实现文件下载，公共方法
一、前端参数较多无法使用get下载时，就需要使用post传参方式下载文件1.页面接口，需要指定axios的responseType为blob比如// 文件导出，下载接口export function downLoadFile(data) {return request({url: BASE_URL + ‘downLoad/downLoadFile’,method:‘post’,responseType: ‘blob’,data})}2、页面调用// 引入公共方法import { s
2021-08-04 11:56:26
1057
原创 vue中element的去重校验
需要校验的表单项需要有prop属性，和:error属性<el-form-item label="昵称" prop="nickName” :error="errorMsg"> <el-input v-model="userInfo.nickName" @change="duplication"/></el-form-item>data: { errorMsg: ''},computed: { ...mapGetters([ 'userId' ])
2020-07-08 16:49:00
745
原创 div同时设置overflow为scroll,和border-radius的时候，4个角显示不全
再包裹一层父级div,把border-radius属性给到父级，再给一个padding即可 <div style="border-radius: 6px; padding: 4px"> <div style="width:200px;height:200px;overflow-y: scroll"> <!-- to do --> </div> </div>...
2020-06-20 17:47:26
1031
原创 elment tree 树组件 实现父节点选中，子节点不选中，子节点选中，父节点选中，子节点全部取消，父节点不取消，父节点取消，子节点全去选
1、带复选框的树组件必须设置:check-strictly = “true” :show-checkbox=“true” @check=“checkChange” <el-tree ref="tree" :data="treeData" :props="defaultProps" node-key="id" show-checkbox :check-strictly = "true"
2020-06-19 17:27:56
4338
11
原创 vue-pdf不显示内容，报错window is not defind
使用vue-pdf引入组件到页面后，控制台可以看到dom元素生成了，但是页面并没有显示内容，控制台报错window is not defind解决方案：修改一下webpack.base.config.js中全局的this指向
2020-06-09 20:21:16
3094
4
原创 element的table默认滚动感觉是继承的浏览器默认的滚动条，重写一下滚动条样式，让她美美哒
::-webkit-scrollbar{ background-color: #fff； width: 8px; height: 8px;}::-webkit-scrollbar-thumb{ background-color: rgba(0,0,0,.1); border-radius: 6px;}把这个样式放在App.vue中,全局的样式就改变了，这个是谷歌的哦
2020-06-03 11:20:52
409
原创 vue 动态class绑定
<h2 :style="{color: dColor, fontSize: dFontSize + 'px'}">今天天气不错</h2><h2 :style="objStyle">今天天气不错</h2><h2 :style="[objStyle1, objStyle2]">今天天气不错</h2>data(){...
2020-03-12 18:12:27
82
原创 vscode设置快速生成vue代码片段
1.安装vuehelper 0.1.02.点击文件 ——> 首选项——>用户代码片段 输入vue,设置vue.json文件3.json文件设置内容{ "Print to console": { "prefix": "vue", "body": [ "<template>", " <div>\n$0", ...
2020-03-11 17:42:10
667
原创 js中虚拟数据源
formatter.js// 虚拟数据export function getDayData() { return { 'status_code': 1, 'message': 'success', 'time': 1583311281468, 'data': { 'id': 2, 'planName': 'yyy', 'p...
2020-03-11 16:56:16
247
原创 element table的表头插槽
<el-table :data="listData" border fit highlight-current-row height="419"> <el-table-column type="index"></el-table-column> <el-table-column :key="item.key" v-for="(item) in...
2020-03-11 16:48:07
2292
原创 elment form设置input等组件居右，怎么让他居左
在el-form-item下载创建一个div,设置text-align: left <el-form-item label="开始时间:" label-width="160px"> <div class="left"> <el-date-picker ...
2019-12-05 10:32:27
12749
原创 v-charts,父级传过来的数据改变图表消失
项目使用vue+v-charts，在发现父级数据源改变，子组件中收到改变后的数据 ，页面上视图消失。。。尝试了各种方法发现自己挖了两个坑：1、v-charts须设置默认宽高，没有设置2、监听父级传过来的数据，父级穿过来的数据要遍历，push到当前的v-charts绑定的数据源中，记得push前先清空数据源 <ve-histogram :data="chartData" width=...
2019-11-13 17:40:48
550
原创 vue大屏页面缩放功能
容器 <div id="screenContainer" :ref="ref" class="pos"> //应根据后台传来的值调用组件在大屏页面生成可配置组件，后台将会入各类组件的定位信息 //postion为定位信息 class为组件公共样式，参考BEM规范定义 <div v-for="(item,index) in 数据源" :key = "index" ...
2019-11-13 17:28:28
4059
原创 实现border边框样式渐变和border-radius效果
<div class="content"> <p>demodemo</p> </div> .content{ width:100px; height: 100px;}.content::before{ content: ""; width: 84%; height: 2px; position:...
2019-11-07 16:26:55
731
原创 大屏，背景图过大，出现滚动条
``标题``<template> <div class="board"> <img src="../../../../../static/dashboard/boardScreen.jpg" alt=""> </div></template><script> mounted() { ...
2019-11-06 17:23:40
1094
原创 报表控件Echarts(1)
VUE中echarts的引入方式一、第一种方式通过npm 按装在项目中通过npm 下载依赖cnpm install echarts -S在main.js中引入并且挂载在原型上import echarts from ‘echarts’Vue.prototype.$echarts = echarts;在需要使用的地方使用let myChart = this.echarts.init(...
2019-10-11 10:39:31
158
原创 学习之路 vue模块化暴露和引用
每一个.js文件就是一个模块。每一个从第三方下载的服务或者插件也是一个模块。甚至于每一个.vue组件也可以算是一个模块。因为，在javascript中，每一个想要被引用的模块，我们都需要用，export 或者 export default将他暴露出去，在需要引入的时候import 或者 import {} (import 是ES6的规范)vue也是比较遵循与JavaScript的标准...
2019-09-19 14:44:01
1117
转载 学习之路 vue混入mixins
基础混入 (mixin) 提供了一种非常灵活的方式，来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被“混合”进入该组件本身的选项。例子： // 定义一个混入对象 var myMixin = { created: function () { this.hello() }, ...
2019-09-18 17:03:22
675
原创 vue+pc端录音+canvas音频可视化+输出blob文件+播放录音
引入封装好的record.js文件，代码如下/* 录音 vue文件 标准版，canvas可视化版 */ window.URL = window.URL || window.webkitURL navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator...
2019-07-22 10:38:18
2112
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人