logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

element select选择框修改样式

今天遇到一个需求,需要修改select 下拉菜单的需求,以前改ui框架的样式也不少了,还是轻车熟路,简单粗暴,上来就/deep/深度选择器,保存刷新,发现,并没有修改到,尴尬了,看看css,懵了,select选择器下拉框并没有在body里面,而是和script是平级关系?哈?看看官方给出了两个属性popper-class(Select 下拉框的类名) popper-append-to-body(是

#vue.js#前端#css +1
element 清空el-option和清空el-cascader

在vue管理后台页面,增删查改算是常见的需求了,为了偷懒,很多人都会只写一个弹窗,在这个弹窗里面完成新增和修改操作,所以,点击提交的时候清空下拉框数据,就成了必要案例:// html<el-optionv-for="item in stores":key="item.id":label="item.name":value="item.id"style="height:68px">&lt

#vue.js#前端
Vue中登录成功保存token,并每次请求携带并验证token

在登录请求成功后,会返回一个token值,用loaclStorage保存localStorage.setItem('token',res.data.token)一般会在main.js或者是单独的request.js中设置全局请求头和响应回来的判断//设置axios请求头加入tokenAxios.interceptors.request.use(config => {if (config.pu

基于vue使用canvas的小demo

今天接到一个需求,在vue+element管理后台中新增一个保存canvas图片的需求,所以先写了一个小demo// html中<div class="contain"><canvas id="myCanvas" width="500" height="500" ref="myCanvas"></canvas></div>// js中drowCanv

#vue.js#javascript
vue + echarts数据实时更新

今天在管理后台新增一个图表,用了echarts,记录一下根据数据实时更新安装npm install echarts --save然后在main.js中配置一下import echarts from 'echarts'Vue.prototype.$echarts = echarts可以了,接下来就是在你需要用的页面写了// html 宽高还是尽量固定吧,不然会出现一些奇奇怪怪的问题<div i

#前端#javascript#vue.js
vue项目配置eslint保存自动格式化

vue项目中有保存自动格式化,还是很舒服的,满足了大多数强迫症1,用户设置和工作区设置2,如何找到配置文件3,setting.json4,需要安装的插件5,设置默认格式化程序在VSCode中,两个层级的设置分别为:用户设置:应用于所有工作区的全局设置。工作区设置:只对当前工作区有效的设置。相比之下,工作区设置具有更高的优先级,即当工作区设置与用户设置相冲突时,以工作区设置为准,但是一个用户设置就够

#css
element 清空el-option和清空el-cascader

在vue管理后台页面,增删查改算是常见的需求了,为了偷懒,很多人都会只写一个弹窗,在这个弹窗里面完成新增和修改操作,所以,点击提交的时候清空下拉框数据,就成了必要案例:// html<el-optionv-for="item in stores":key="item.id":label="item.name":value="item.id"style="height:68px">&lt

#vue.js#前端
dayjs()使用方法

dayjs是一个轻量的处理时间和日期的 JavaScript 库官方地址中文使用文档dayjs的安装npm install dayjs --saveimport dayjs from 'dayjs'<script src="https://unpkg.com/dayjs"></script>相关API直接运行dayjs()可以拿到包含当前日期和时间的对象dayjs()//返

#前端#html5#vue.js +1
el-image的fit属性

写element管理后台,避免不了的,就是在表格中显示图片从官网看出,el-image有六个属性 ‘fill’, ‘contain’, ‘cover’, ‘none’, ‘scale-down’,具体每个属性是什么样子的,我就不阐述了,对el-image设置属性,只需要在标签加上当前属性就可以了// html中<el-image :src="scope.row.headURL" :fi...

#vue.js#前端#javascript
到底了