- 博客(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
273
原创 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
2817
转载 全局给Element的table组件每一列添加show-overflow-tooltip属性
able 作为前端开发中最常用的一个控件,在使用Table展示数据时,可能会因为某列的内容过长,导致表格换行比较难看。使用Element UI的同学可以使用showOverflowTooltip属性,默认值为false,设置为true后,在某列内容展示不下时,自动添加…缩略,鼠标移动到这列时,展示tooltip来展示 完整内容。但是,如果每个使用到Table的地方都设置,那要设置的地方就多了。可以使用全局修改showOverflowTooltip的默认值为true,就不需要在列表的地方设置了。在ma
2021-04-28 11:40:54
3064
转载 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
1852
原创 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
1646
原创 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
228
原创 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
149
转载 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
348
原创 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
1134
原创 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
584
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人