- 博客(13)
- 收藏
- 关注
RSS订阅原创 前端解决web端 125%，150%缩放，1366*768分辨率兼容问题
前端解决web端 125%，150%缩放，1366*768分辨率兼容问题
2022-11-04 20:00:00
4856
2
原创 下载并安装nvm(用来进行node版本切换）
最近因为一些原因换了一台电脑，然后安装开发环境的的时候装了个最高版本的node,然后因为node版本太高项目跑不起来，于是乎nvm出场了。nvm可以用来下载任意目前已有的各版本的node，并随意切换已下载的版本。1下载nvm压缩包地址：https://github.com/coreybutler/nvm-windows/releasesnvm-noinstall.zip：绿色免安装版，但使用时需要进行配置。nvm-setup.zip：安装版，我使用的是这个版本2、下载后解压在目标文件夹中。3.然后
2021-12-09 19:00:00
803
原创 修改elmentui中el-date-picker下拉框样式(大小)
最近项目里面有一个组件需要用到日期选择器,且这个组件中的日期选择器需要比默认的大小(width:320px)要小一些.于是我准备打开控制台审查元素修改样式.但是大家可以从下面的图片看到,这个下拉框的盒子与app的盒子是同级,它并不在app组件里,且我们在写样式的时候是加了scoped的,样式只会在app内生效,所以直接修改样式没有作用.解决方法:1.可以将scoped去掉,但是这样可能导致这个应用内的样式与其它样式混淆,不建议使用;2.在全局写一个css样式,然后在main.js文件中引入,但是这个
2021-06-02 16:12:12
6753
原创 解决使用el-cascader时选择了某个值后下拉框无法关闭的问题.
在vue项目中使用级联选择框的时候遇到了一个问题,当选择了某个值后,下拉框无法自动隐藏,需点击下拉框之外的区域才能隐藏.<el-cascader ref="cascader" clearable placeholder="请选择区域" @change="changeCity" :show-all-levels="false" ></el-cascader>需要在change事件里面关
2021-02-23 15:26:49
1370
原创 记录使用vue-quill-editor时验证必填遇到的问题
vue-quill-editor的使用过程许多博主都写得很详细在这里就不赘述了.主要记录一下我在验证时遇到的问题.先上代码<el-form :rules="rules" :model="publicityForm"> <el-form-item label="文章内容" prop="text"> <quill-editor v-model="publicityForm.text" :opt
2020-12-31 10:40:54
1673
2
原创 自定义el-tree数据的图标,修改三角图标的颜色
1.项目中有一份数据是文件夹里面包含文件夹再包含问件的格式,有个需求是需要将文件夹和文件的图标区别处理.<el-tree ref="dataRef" :accordion="false" show-checkbox :node-key="defaultProps.value" :data="resourceData" :props="defaultProps" @check="handle
2020-12-25 11:20:21
1550
原创 element-ui中Dialog使用时整个页面被添加了遮罩层的问题(添加modal-append-to-body=“false“)
在使用element-ui中的dialog对话框时,我发现点击按钮让对话框显示时,它默认是给整个页面加上了遮罩层的效果,这个其实是不太友好的,我实际想看到的效果是对话框部分不需要遮罩,对话框以外的部分才需要加上遮罩.后来研究了一下它的属性发现需要给它加上 modal-append-to-body=“false” 才能达到我想要的效果....
2020-12-04 10:31:09
4139
10
原创 用verdaccio创建npm私有仓库流程
为什么要搭建npm私有仓库?原因:方便,主要是用来管理公司内部开发的私有包,方便同事之间共同使用。安全性,由于公司内部开发的模块和一些内容并不希望其他无关人员能够看到,但是又希望内部能方便使用。加速,自己搭建npm 服务器,本身可以自带常用package的缓存。刚开始准备用Sinopia来创建,因为据说这个操作简单也不需要建数据库,后来发现里面的坑实在是太多了,一查才知道Sinopia已经有超过两年没有人维护了,好了果断放弃,转用verdaccio.1.1 服务端部署前置工作：配置nodejs
2020-11-17 17:11:03
532
原创 在vue项目中用html2canvas遇到因为有滚动条截图不完整问题的解决方法(设置height和windowHeight)
最近有业务需求要将某个页面生成图片然后将图片导出,然后我选择用html2canvas进行图片生成.首先安装html2canvasnpm install html2canvas --save然后在需要使用的页面导入html2canvasimport html2canvas from 'html2canvas'生成图片及导出的代码如下<template> <el-dialog id="dialog"> <el-table></el-ta
2020-10-13 09:46:12
7470
10
原创 一排多个div(比如三个),用flex布局让前面的所有div靠左,最后一个div靠右
给父盒子开启弹性布局,然后给最后一个div加上margin-left:auto即可.同理,想让第一个div靠左,其它所有div靠右只需给第一个div设置margin-right:auto即可.
2020-09-29 17:33:01
2436
原创 密码显隐问题:element-ui密码框点击预览后下次打开编辑按钮时密码仍然是上次预览的效果(也就是依然是明文显示)
我最近在做新增用户时,使用密码框发现我点击右边的小眼睛预览明文密码后,当我关闭新增用户的表单再次重新打开时,输入密码依然是明文显示,如下图所示:感觉这样不是很好,关闭了弹框再打开密码应该还是以隐藏的形式,后来试了几个属性后,发现给dialog加上destroy-on-close属性(这个属性是关闭时销毁 Dialog 中的元素)这个问题就解决了.<el-dialog title="提示" :visible.sync="dialogVisible" width="30%" :b
2020-09-22 10:24:11
643
原创 element-ui中table表格表头和表格内容都水平居中
表头水平居中<template> <el-table :data="tableData" style="width: 100%" :header-cell-style="{textAlign: 'center'}"> <el-table-column prop="date" label="日期" width="180"> </el-table-column> </el-table>
2020-09-18 09:53:37
2959
1
原创 记录使用v-charts(echarts)的时候遇到的问题及解决方法
最近项目中需要用到v-charts,遇到的问题:1.就是需要将不同列的柱子颜色设置成不一样的(如下图效果).我开始想的是在colors属性的数组列表中添加不同的颜色就可以了,发现并不起作用.需要去给它在settings里面配置样式才行<template> <VeHistogram :data="chartData" :settings="chartSettings"></VeHistogram></template>export defa
2020-09-14 16:21:08
4336
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人