自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 vue element-ui 登录回车事件

**vue element-ui 登录回车事件**<el-input@blur=“onPswInput”@keyup.enter.native=‘onLoginClick’v-model=“loginForm.passWord”type=“password”prefix-icon=“el-icon-lock”show-password密码关键 语法: @keyup.enter.native=‘onLoginClick’...

2021-05-24 10:54:52 243

原创 element ui drawer 关闭后重新初始化

<el-drawersize=“90%”v-if=“dialogVisible”:visible.sync=“dialogVisible”:with-header=“false”append-to-bodyclass=“drawerMtop”:wrapperClosable=“false”:before-close=“handleClose”@opened=“openInformationDrawer”>关键: v-if=“dialogVisible”...

2021-05-19 14:28:45 2590

转载 全局给Element的table组件每一列添加show-overflow-tooltip属性

able 作为前端开发中最常用的一个控件,在使用Table展示数据时,可能会因为某列的内容过长,导致表格换行比较难看。使用Element UI的同学可以使用showOverflowTooltip属性,默认值为false,设置为true后,在某列内容展示不下时,自动添加…缩略,鼠标移动到这列时,展示tooltip来展示 完整内容。但是,如果每个使用到Table的地方都设置,那要设置的地方就多了。可以使用全局修改showOverflowTooltip的默认值为true,就不需要在列表的地方设置了。在ma

2021-04-28 11:40:54 2811

转载 Echarts 饼图中间添加文字、title、graphic

// 指定图表的配置项和数据 var option = { tooltip: { trigger: 'item', formatter: "{a} <br/>{b}: {c} ({d}%)" }, color:["#27D9C8","#D8D8D8"], title:{ text:"80%"

2021-03-31 16:59:27 1794

原创 echarts的tooltip 使用formatter后,图例小圆点消失

需要在formatter中自行拼接字符串。<span style="display: inline-block; margin-right: 5px; border-radius: 10px; width: 9px; height: 9px; background-color: red"></span>

2021-03-31 16:38:04 1555

原创 Element中tree组件去除多选框CSS样式

/deep/ .el-tree { padding-top: 15px; padding-left: 10px; // 不可全选样式 .el-tree-node { .is-leaf + .el-checkbox .el-checkbox__inner { display: inline-block; } .el-checkbox .el-checkbox__inner { display: none; } }}...

2021-03-24 11:45:35 189

原创 vue获取dom元素自定义属性值

<div id="app"> <button drug_code="100" @click="getData($event)">点</button></div>methods : { getData (e) { console.log(e.target.getAttribute(‘drug_code‘)); // 输出 100 }}

2021-03-05 16:54:48 120

转载 vue项目中,后端返回文件流,axios发送post请求下载文件

vue项目中,后端返回文件流,axios发送post请求下载文件axios拦截处理复制代码service.interceptors.response.use(response => {// 导出const headers = response.headersif (headers[‘content-type’] === ‘application/octet-stream;charset=utf-8’) {return response.data}…},error => {

2021-02-25 11:57:02 317

原创 vue style设置scoped 无法修改element ui 组件样式

添加scoped为了方式组件内样式污染,但设置scoped后修改element ui 样式无法生效。解决方法:在修改的element ui 样式前加 /deep//deep/ .el-collapse-item__header { background-color: #f7f7f7; padding: 10px;}

2021-01-05 17:44:54 1074

原创 Echarts 与 element ui 中tab切换遇到的width无法设置100%问题

问题分析:在渲染时,tab页面为display:none,因此echarts在加载时无法设置width为100%,就会设置width为默认宽度100px。解决方法:添加 if判断,tab切换到该页面时才去初始化该echarts图表,但会出现Initialize failed: invalid dom 之 dom加载出现的问题,这是因为引入 Echarts因为在Dom还没加载的时候,option 获取元素,echarts.init(document.queryselect(’#dom’))就开始检测do

2020-12-31 11:20:58 532

空空如也

空空如也

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

TA关注的人

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