elementUI+vue
u011010407
这个作者很懒,什么都没留下…
展开
-
vue-cli3 , elementui ,typescript ,使用monaco-editor
npm install monaco-editor -S 封装了一个组件// \src\components\MonacoEditor.vue<template> <div ref="container" class="app-monaco"></div></template><script lang="ts">import { Component, Prop, Vue, Watch } from "vue-p...原创 2020-12-25 22:46:19 · 3772 阅读 · 4 评论 -
Element UI table表格组建,列宽度自适应文本
"element-ui": "^2.4.1""vue": "^2.5.16" 问题table表格组建,列宽度自适应文本 嘿嘿,官方文档不知道怎么用,我反正用了没有生效(2018.11.26)在官网测试的(找了一个最简单的例子,利用官方的在线运行测试,gg,没效果,顿时不知道这个属性是做什么用的了) 网上还有资料显示,最简单的方式,就是去掉列的宽度设置,看了几...原创 2018-11-26 15:06:31 · 29431 阅读 · 6 评论 -
动态表格优化、vue 加 elementui
最基础的写法:动态的方式控制台打印看到结果的我是很不满的,包括写死代码的都要1.5秒==================================================第一波优化,其实问题可以确定是在列上,一行数据要经过5次遍历,5000行要5000*5;官网找到了jsx的写法,我的是typescript...原创 2019-06-28 18:07:32 · 672 阅读 · 0 评论 -
vue,elementui 冻结列希望得到同样的滚动效果
今天一个奇葩的需求,假设冻结列属于A类数据,其他滚动列属于B类数据。产品还有老板不断的增加A类是数据的列,已经严重挤到B类数据的生存了,如下示例截图,哈哈哈,实际情况我已经抠了很多边距字体了上主菜<template> <div class="table-2t" :style="{'padding-left':(leftWidth+rightOffs...原创 2019-08-13 22:18:38 · 3547 阅读 · 0 评论 -
elementui table 写了一个简单的组件,发现重新加载数据并没有刷新数据
组件代码<template> <div class="more-box" :class="{'open':isOpen}" :style="{'max-height':maxHeight+'px'}"> <slot></slot> <el-link type="primary" @click="op...原创 2019-08-15 21:06:50 · 12205 阅读 · 0 评论 -
vue、elementui、table 组件列文本过多,更多效果、更多组件化
如上图,这是表格的一角截图,公司的同款老板喜欢吧表所有字段堆上去,而且有一些是文本字段,就是说很多很多很多字可能还是废话放进表格,对放进表格,导致某一个列即便宽度还OK也要超大篇幅,导致其他列上下空白特别多,所以一般都需要一个更多的组件<template> <div class="more-box" :class="{'open':isOpen}" :style...原创 2019-08-16 10:31:22 · 3414 阅读 · 0 评论 -
elementui关于弹出的卡片,模态框Z-index与自己编写的定位层问题
今天在表格上做了一个右键,你可以认为是一个查看详情,然后呢做了一个遮罩层,遮罩层自己没写,使用的是element的v-loading服务 this.diffModal = this.$loading({ lock: true, spinner: ' ', background: 'rgba(0, 0, 0, 0.1)' });然后查询详情的面板就是用了pos...原创 2019-08-29 16:08:27 · 8552 阅读 · 0 评论 -
elementui form 表单提交,搜索回车查询怎么完?
简单粗暴来代码,我也是苦恼了好久,但发现自己以前封装的一个东西竟然有,还不是在item上手动加回车。 <el-form :inline="true" @submit.native.prevent="onSerarch(1)" :model="searchForm" class="demo-form-inline"> <el-form-item label="药品名称...原创 2019-09-05 20:13:56 · 2184 阅读 · 0 评论