自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(32)
  • 收藏
  • 关注

原创 a标签下载文件重命名(download)不生效

移动端使用a标签下载文件。

2024-08-13 15:12:43 618

原创 el-select 在iOS手机上,无法唤起软键盘

el-select添加 filterable 属性,支持搜索,在 ios 手机上无法唤起软件盘进行搜索。

2023-02-24 14:32:18 855

原创 el-form表单组件校验

el-form表单组件校验。

2022-11-16 14:52:30 524

原创 VUE中实现爷孙组件的数据通信

VUE中实现爷孙组件的数据通信。

2022-11-16 14:36:20 1020

原创 移动端使用vuedraggable实现拖拽排序

移动端使用vuedraggable实现拖拽排序。

2022-11-16 11:29:41 1316

原创 vue-pdf 移动端分页查看pdf文件

vue-pdf 移动端分页查看pdf文件。

2022-11-16 10:54:06 728 1

原创 vue 页面设置meta标签

vue 页面设置meta标签。

2022-11-16 10:44:11 2827 1

原创 van-pull-refresh与van-list同时使用触发两次下拉,出现两个加载中进度条

van-pull-refresh与van-list同时使用触发两次下拉,出现两个加载中进度条

2022-05-05 15:52:43 2480 1

原创 van-pull-refresh下拉刷新后顶部出现空白

van-pull-refresh下拉刷新后顶部出现空白

2022-05-05 15:29:36 795

原创 van-pull-refresh下拉刷新与局部滚动条冲突

van-pull-refresh下拉刷新与局部滚动条冲突

2022-05-05 15:11:18 3300

原创 移动端输入框禁止软键盘弹出

输入框: <el-input v-model="value" @focus="forbid" />//focus 聚焦事件 forbid () { document.activeElement.blur() }document.activeElement: 返回文档中当前获得焦点的元素。时间输入框://单个时间<el-date-picker @focus="forbid" value-format="yyy

2021-12-15 18:59:38 2163

原创 e-charts legend设置item样式

项目场景:使用 legend显示不同类型(bar和line)的item样式需实现的效果图:解决方案:legend以数组的方式分区域显示item设置方法如下:legend: [ { // right: 80, x: 'right', // 可设定图例在左、右、居中 y: 'top', // 可设定图例在上、下、居中 padding: [0, 100, 0, 0], /

2021-12-10 17:57:02 898

原创 Vue项目 针对角色配置权限之菜单权限

Vue项目 针对角色配置权限之菜单权限

2021-12-09 17:11:30 2031

原创 Vue项目 针对角色配置权限之按钮权限

vue项目 权限控制

2021-12-09 16:19:17 1451

原创 el-table 固定列fixed和合计行show-summary 导致横向滚动条无法滚动

项目场景:提示:这里简述项目相关背景:在el-table中同时使用左固定列fixed和合计行show-summary 问题描述:提示:这里描述项目中遇到的问题:el-table 同时使用左固定列fixed和合计行show-summary 导致横向滚动条红色区域无法滚动代码如下://html<div class="table-box"> <el-table id="exportData"

2021-12-07 17:02:49 2093 1

原创 vue项目中使用dhtmlxGantt绘制甘特图

VUE+Element 基础上使用dhtmlxGantt绘制甘特图安装依赖:npm install dhtmlx-gantt使用:1、HTML<template> <div class="gunter"> <div ref="gantt" class="gunter-content" /> </div></template>2、javascript<script>import { gantt }

2021-08-25 11:01:24 1658 1

原创 awe-dnd 实现el-table动态拖拽设置表头

项目场景:VUE+Element 实现el-table动态设置表头(可拖拽)问题描述:由于Element组件不支持动态拖拽设置表头,所以使用awe-dnd插件实现拖拽效果实现方法:安装依赖npm install awe-dnd --save全局注册或局部注册1、全局注册在main.js文件中import VueDND from 'awe-dnd';// 注册-拖拽组件Vue.use(VueDND);2、局部注册(页面内注册)import Vue from 'v

2021-08-24 20:28:02 870

原创 移动端页面禁止放大缩小

安卓:在index.html文件中添加meta标签:<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, viewport-fit=cover, user-scalable=0">IOS:在 src / app.vue 中 script 标签内添加代码:<script>window.onload = funct

2021-08-19 16:39:31 490

原创 vue 使用qrcode插件生成二维码

安装:npm install --save qrcode使用:<template> <div id="app"> <canvas id="canvas" /> </div></template><script>export default { name: 'App', mounted(){ this,init() }, method:{ init(){ //引入 const Q

2021-08-19 16:25:44 172

原创 vue-pdf文件在线预览

提示:记录一下vue-pdf使用方法,避免忘记,便于后面使用文章目录前言一、安装二、pdf 页面显示1.html2.javascript效果图总结前言提示:以下是本篇文章正文内容,下面案例可供参考一、安装npm install --save vue-pdf二、pdf 页面显示1.html<template> <div class="pdf-box"> //pdf展示 <pdf class="pdf"

2021-08-17 17:40:37 372

原创 vue使用vue-pull-refresh插件实现下拉刷新

移动端下拉刷新安装页面引入声明插件使用安装npm install --save vue-pull-refresh页面引入import VuePullRefresh from 'vue-pull-refresh';声明插件components:{ VuePullRefresh },使用<template> <VuePullRefresh :on-refresh="onRefresh"> ...//需要下拉的内容 </VuePullRefr

2021-08-17 17:00:34 1360

原创 vue中img的src动态渲染不显示

vue中img的src动态渲染不显示问题描述根据不同状态显示不同的状态图标,原代码(不显示)如下: <img :src="`@/assets/device/${itemdata.deviceStateName}.png`" :alt="itemdata.modelName" >实际上在引用的路径下这些图片是存在的,只是引用的方式不对,图片并没有被打包,显示引入路径,所以导致找不到该图片解决办法使用require引入图片

2021-06-07 11:26:55 1747

原创 e-charts折线图自适应外层div大小

问题描述:在tabs页签下使用e-charts折线图,切换tab页签e-charts折线图无法自适应外层div大小:解决方案:添加监听器监听浏览窗口变化,两种监听方法window.addEventListener('resize', function() { self.myChart1.resize() })2.window.οnresize = this.myChart1.resize添加了监听事件之后我发现浏览器窗口变化时e-charts折线图会跟着变化,但是在初始页面不改变浏

2021-06-03 18:02:45 915

原创 e-charts折线图Y轴显示与实际数据范围显示不符

问题描述:使用e-charts折线图画出多条折线,且Y轴数据与legend提示数据相符合原因分析:由于设置`options`中的`series`时添加了`stack`堆叠,所以导致折线图显示的是多条线堆叠的效果,但是`legend`提示的又是实际数据,所以会造成Y轴显示与实际数据范围显示不符效果图如下:代码如下this.myChart1 = this.$echarts.init( document.getElementById('oee-line-charts')

2021-06-03 16:34:37 1252

原创 Element el-table树形数据 tree-props使用注意事项

el-table树形数据 tree-props使用注意事项项目场景:问题描述:解决方案:写在最后项目场景:项目场景:使用el-table树形数据问题描述:根据element官网提示设置tree-props为{children: 'subWorkOrder',hasChildren: 'isSubWorkOrder'},data数据也设置了subWorkOrder和isSubWorkOrder属性,row-key也绑定了数据的唯一值变量id,但是树形结构就是出不来 # 原因分析:找了

2021-06-03 16:12:30 24489 7

原创 Vue项目 针对角色配置权限列表(菜单及页面功能)

提示:关于使用 Vue 和 ElementUI 做后台管理系统的权限Vue项目 针对角色配置权限列表(菜单及页面功能)前言一、角色与用户关系二、针对角色设置对应的权限列表1.实现效果2.权限维护页面3.页面实现逻辑说明总结前言现在很多管理系统都会需要权限管理,控制不同角色的菜单、页面功能、通过直接输入url跳转。此篇记录的是角色和用户的关系,以及给角色配置权限列表,如何根据权限列表控制菜单及页面功能请参考下篇提示:以下是本篇文章正文内容,下面案例可供参考一、角色与用户关系该项目实现的是角

2021-05-26 15:56:33 4096 2

原创 如何动态控制样式

如何动态控制样式需求说明方法说明代码说明写在最后需求说明通过点击 日 周 月 控制当前点击的项的样式,实现动态控制样式的效果方法说明将三个按钮设置为一个数组,通过 v-for 遍历展示,在每个 item 添加点击事件 selectCycle ,保留当前点击的索引值为 currentCycle ,通过 currentCycle === index 判断设置行内样式,设置当前点击的 item 的样式为 'background: rgba(24, 144, 255, 0.2);color: #1

2021-05-25 17:40:17 294

原创 如何修改chrome账号密码自动填充的字体样式

项目场景:登录页面刷新输入框自动填入的账号和密码,实际字体大小与输入框设置的字体大小不同,点击输入框后字体又变成了设置的字体大小。问题描述:在css样式中设置输入框字体大小为 font-size:20px ,在浏览器中也生效了,但是页面刷新字体的大小还是没有变化,仍为 14px 或 16px ,但是鼠标点击输入框字体又会变成设置的字体大小 20px ,一开始我以为是 placeholder 提示的设置了 font-size 属性,但是查看表单中的输入框设置的 placeholder 是一个固

2021-04-30 15:54:37 3310 5

原创 el-form 清除表单验证结果

el-form 清除表单验证结果总是遇到的一个表单验证问题,怕下次忘了,在这里记录一下问题编辑页面时总是在刚进入页面显示触发表单验证结果,由于此时并未提交,影响用户体验感效果图如下:代码实现:<template> <el-form ref="dateForm" :`rules`="`rules`" :model="workorderDeta

2021-04-19 12:24:06 11512 1

原创 e-charts 雷达图点击事件

e-charts 雷达图文章目录e-charts 雷达图前言一、雷达图点击效果1.html 部分2.js部分3.实现效果总结前言提示:雷达图的点击事件提示:以下是本篇文章正文内容,下面案例可供参考一、雷达图点击效果1.html 部分代码如下(示例): <ve-radar class="customer-rating" width="100%" height="240px" :data="chartData" :settings='chartSettings'

2020-12-02 14:00:16 3933 1

原创 初学less的总结

初学less的总结less 使用前准备步骤如何使用 lessless 全局变量的配置写在最后less 使用前准备步骤首先使用 npm 下载依赖npm install --save less less-loader在配置文件 webpack.dev.conf.js 中配置(若通过 vue-cli 来构建项目,这一步是可以省略的)module: { rules: utils.st...

2019-12-10 10:30:44 157

原创 关于git的常用命令

使用git的一些心得git 分为四个阶段git 普通操作步骤新建及切换分支删除分支日志查看日志调整 git 记录到目标版本stashgit 分为四个阶段本地修改 缓冲区 本地仓库 远程仓库git 普通操作步骤获取远程仓库 git clone 远程仓库地址将所有修改的东西提交到缓冲区 git add .将修改提交到本地仓库 git commit -m "日志"(-m 是用来写提交日...

2019-12-08 17:12:57 134

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除