- 博客(32)
- 收藏
- 关注
RSS订阅原创 el-select 在iOS手机上，无法唤起软键盘
el-select添加 filterable 属性，支持搜索，在 ios 手机上无法唤起软件盘进行搜索。
2023-02-24 14:32:18
862
原创 van-pull-refresh与van-list同时使用触发两次下拉，出现两个加载中进度条
van-pull-refresh与van-list同时使用触发两次下拉，出现两个加载中进度条
2022-05-05 15:52:43
2496
1
原创 移动端输入框禁止软键盘弹出
输入框： <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
2166
原创 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
903
原创 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
2104
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
1660
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
872
原创 移动端页面禁止放大缩小
安卓：在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
496
原创 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
173
原创 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
374
原创 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
1363
原创 vue中img的src动态渲染不显示
vue中img的src动态渲染不显示问题描述根据不同状态显示不同的状态图标，原代码（不显示）如下： <img :src="`@/assets/device/${itemdata.deviceStateName}.png`" :alt="itemdata.modelName" >实际上在引用的路径下这些图片是存在的，只是引用的方式不对，图片并没有被打包，显示引入路径，所以导致找不到该图片解决办法使用require引入图片
2021-06-07 11:26:55
1754
原创 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
917
原创 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
1262
原创 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
24535
7
原创 Vue项目 针对角色配置权限列表（菜单及页面功能）
提示：关于使用 Vue 和 ElementUI 做后台管理系统的权限Vue项目 针对角色配置权限列表（菜单及页面功能）前言一、角色与用户关系二、针对角色设置对应的权限列表1.实现效果2.权限维护页面3.页面实现逻辑说明总结前言现在很多管理系统都会需要权限管理，控制不同角色的菜单、页面功能、通过直接输入url跳转。此篇记录的是角色和用户的关系，以及给角色配置权限列表，如何根据权限列表控制菜单及页面功能请参考下篇提示：以下是本篇文章正文内容，下面案例可供参考一、角色与用户关系该项目实现的是角
2021-05-26 15:56:33
4253
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
3317
5
原创 el-form 清除表单验证结果
el-form 清除表单验证结果总是遇到的一个表单验证问题，怕下次忘了，在这里记录一下问题编辑页面时总是在刚进入页面显示触发表单验证结果，由于此时并未提交，影响用户体验感效果图如下：代码实现：<template> <el-form ref="dateForm" :`rules`="`rules`" :model="workorderDeta
2021-04-19 12:24:06
11520
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
3962
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
159
原创 关于git的常用命令
使用git的一些心得git 分为四个阶段git 普通操作步骤新建及切换分支删除分支日志查看日志调整 git 记录到目标版本stashgit 分为四个阶段本地修改 缓冲区 本地仓库 远程仓库git 普通操作步骤获取远程仓库 git clone 远程仓库地址将所有修改的东西提交到缓冲区 git add .将修改提交到本地仓库 git commit -m "日志"（-m 是用来写提交日...
2019-12-08 17:12:57
135
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人