【element-ui】elementUI 周选择器的bug
element周选择器修改firstDayOfWeek为1以后，无法选择当周，选择器自动改为上周 <el-date-picker v-if="activeQuery.timeType==='week'" v-model="activeQuery.time" type="week" format="yyyy 第 WW 周" :picker-options="{firstDayOfWeek:1}" ...
2021-07-08
【element-ui】el-table-column 动态生成相关
table的表头由接口返回的数据动态生成，列表中需要显示日期和图片。时间戳我在拿到接口数据的时候自己转化为了日期显示，但是不知道图片该怎么处理才能显示出来。。<el-table class="el-table" :data="dialogList" border fit highlight-current-row> <el-table-column :label="item.label" :key="item.label" :prop="item.prop" v-for="i...
2021-07-02【element-ui】element tree 卡顿的问题
项目中需要用到 element 的 el-tree 树控件，但是不能使用延迟加载，数据大概 2000 条，没钱非常卡，大家怎么解决呢？谢谢！回答：懒加载自定义叶子节点: https://element.eleme.cn/#/zh...回答：懒加载也可以支持前端搜索.首先将数据一次性获取到.实现一个从树中过滤关键字的方法.newTree = filterTree(treeData, keywor...
2021-07-02【element-ui】elementui table下渲染英文文本
问题描述elementui table下渲染英文文本,默认属性为 word-break：break-all 怎么修改为break-word ?相关代码.el-table .cell {-webkit-box-sizing: border-box;box-sizing: border-box;white-space: normal;word-break: break-all;line-height: 23px;你期待的结果是什么？实际看到的错误信息又是什么？回答：写一个全局样式覆盖掉默认的就行了...
2021-07-02【element-ui】element-ui tab页的内容如何自定义
链接：http://element-cn.eleme.io/#/...今天看elment-ui的tab组件，示例代码如下：<template> <el-tabs v-model="activeName" @tab-click="handleClick"> <el-tab-pane label="用户管理" name="first">用户管理</el-tab-pane> <el-tab-pane label="配置管理" name="second">配置管理</el-tab-pane> <...
2021-07-02【element-ui】ElementUI table 组件导致页面卡死
按需加载引入 ElementUI 的 table 组件。直接 copy 官网例子，页面卡死。debug 加断点显示，页面一直在 update 渲染 UI，死循环导致页面卡死。请问有大侠遇到过这种情况吗？我使用 Webpack 打包，官网例子 Chrome 浏览器能正常渲染。版本："element-ui": "^2.0.4""webpack": "1.14.0""vue": "2.2.6"codepen 中使用 Vue 2.2.6 会提...
2021-07-02【element-ui】elementui table fixed列checkbox点击时抖动
1.chrome53上会出现2.经自己排查，在点击checkbox的时候，fixed容器的position会重置到0,0的位置，然后再恢复，导致了抖动，不fixed的列不会出现3.前提是给table组件设置了固定高度（以满足固定表头），然后内容出现滚动（没滚动的时候是不会抖的，原理如第二条所述）以上，求指点，急急急~...
2021-07-08【element-ui】element input 组件监听value
使用饿了么的<el-input> 组件后 我想要监听v-model绑定的value值然后发给另外的组件实际情况是，输入中文输入法的过程中，一直能收到改变value的值。原生的Input 就没有这种情况请问怎么解决。..回答：看看你的element ui是啥版本，新版本应该解决了这个问题了回答：了解下compositionstart compositionend事件，[h...
2021-07-08【element-ui】vvue+element timepicker组件报错
版本vue:2.5.2element-ui:2.7.2时间控件选择时间的面板显示不出来，点击的话会出现下图的错误相关代码<template> <div> <el-time-picker format="HH:mm" v-model="value2" placeholder="任意时间点"></el-time-picker> </div></template> <script> export default { data()...
2021-05-23【element-ui】element ui table scrollTop 滚动到行头或行尾
element ui table 添加数据行后滚动条滚动到对应的行头或行尾问题滚动到第一行：this.$refs.table.bodyWrapper.scrollTop =0;滚动到最后一行：this.$refs.table.bodyWrapper.scrollTop =this.$refs.table.bodyWrapper.scrollHeight;在网上看到上面这种解决方案，但是自己实验了一下，发现不行，请问是什么原因？---------------------------------...
2021-07-08【element-ui】element-ui table如何动态的改变表格的背景色
我这边有个需求是，根据后台返回的参数，去动态的改变el-table表格的背景色，不是改变文字颜色，有没有大神有解决办法？我目前的代码是<el-table-column prop="date7" label="历史峰值" align="center" > <template slot-scope="scope"> <span v-if="scope.row.date7=='584W'" style="color:red">{{ scope.row.date7 }}</span> ...
2021-05-23【element-ui】v-for循环创建element多选框的bug要如何解决？
我使用element创建了一个多选框，数据由后端循环输出而成，效果如下，但是点击其中一个选项出现了全选的效果代码如下 <el-form-item label=" 请勾选此用户所属角色：" prop="types"> <el-checkbox v-model="ruleForm.types" v-for="item in adminData" :key="item.adminData"> {{item.roleDisplayName}} </el-checkbox>...
2021-07-08【element-ui】elementUI upload插件中（怎样删除指定图片）
代码是这样的<template> <div class="Multiselect" ref="Multiselect"> <div class="abc" style="height:30px;width:10px;"></div> <div class="titleWrapper"> <div class="top"> <!--添加图片上传功能--> <div style="border:...
2021-05-29基于element-ui封装table，如何为指定列传递 formatter 函数？
想要基于element-ui的table封装一个表格组件，因为后台管理很多菜单的首页几乎一个样，我想在调用的时候传递tabColumns、tableData等关键属性即可：封装表格my-table.vue如下：<template> <div> <div class="btns-area"> <el-button-group> <slot name="btnsArea"></slot> <el-dropdow...
2021-05-07【element-ui】ElementUi:select下拉框如何拼音简称搜索
未输入的时候是这个样子，而当我输入 拼音简码时，列表需要展示出相对应名称。比如：如图说是，我输入 'spn'，我希望的展示出 ‘双皮奶’三个字。请求大佬帮助我，我该怎么做？回答：官方提供了filter-method或远程remote-method来实现自定义搜索逻辑你的问题重点其实是如何拼音简称搜索可以参见...
2021-07-02【element-ui】element-ui upload组件可否使用 axios通信
项目使用element-ui upload组件上传文件场景。很是希望element能通过axios发送http, 这样就可以使用 axios interceptor统一处理所有http调用的架构。如果不能用axios的话，对于后端发来的异常（未登录、无权限、各种错误等），还需要再使用element uoload组件时再处理一遍，麻烦。 <el-upload :with-credentials...
2021-05-28以下这段 代码的怎么理解？来自vue-element-admin
LoginByUsername({ commit }, userInfo) {const username = userInfo.username.trim()return new Promise((resolve, reject) => {loginByUsername(username, userInfo.password).then(response => {const data = response.dataCookies.set('Token', response.data.token) //登录...
2020-12-15
【element-ui】vue-cli中使用elementUI的table控件遇到的问题
使用技术说明:vue-cli+elementUI table控件业务场景描述:1.后台获取table数据，从而渲染table2.判断每条数据是否包含end_date字段3.包含此字段，以当前时间为参照物计算时间间隔4.大于10天——>星标为空心黄色;小于10天——>星标为实心橙色（暂不考虑ago现象）解题思路:用elementUI talbe控件中的row-class-name属性...
2021-05-29【element-ui】elementUI中的el-checkbox如何取选中 的label值?
el-checkbox 选中时,怎么拿到他的label值?看了一下官网,有true-label属性,但是没有列子,不知怎么拿这个值.............回答：label 选中状态的值（只有在checkbox-group或者绑定对象类型为array时有效） string / number / boolean — —数组内定义一项不就行了么回答：因为数据双向绑定，所以label值其实就在你...
2021-07-02【element-ui】element-ui Table 组件循环列表数据不显示？
<el-table :data="peopleList" height='270'> <el-table-column v-for="col in columns" :prop="col.id" :key="col.id" :align='col.align' :label="col.label" :width="col.width"> <template slot-scope="scope" v-if="col.label == '头像'"> <img :src='scop.row.pu...
2021-07-02【element-ui】element中el-upload手动上传成功后才提交表单
我现在想实现：点击“提交表单”调用this.$refs.upload.submit() 手动上传图片当上传图片成功后接着提交表单的动作思路应该如何？回答：用formData手动上传，上传成功再调用提交表单的接口饿了么UI获取file: <el-upload :on-change="fileChange" ></el-upload> data(){ files:[],//要上传的文件对象},methods:{ fi...
2021-05-28【element-ui】如何让element-ui的dialog每次显示的时候做一次初始化
dialog中有个<my-form :action="action">子组件，新增和编辑都会使用该组件，区别是传入的action分别是add和edit，现在遇到的问题是完成一次新增/编辑操作之后再次打开dialog的时候，表单中还残留着上一次填写的数据，有没有办法在dialog每次显示的时候根据action做一次“初始化”来清空一下data？PS：如果不用d...
2021-07-02【element-ui】element-ui怎么样修改el-switch开关的高度？
宽度的话有属性值，但是高度没有，只能修改源代码吗？回答：你可以在它最外层的容器上加个class名，然后在控制台找到里面那个按钮的class名，可以自己添加高度，如果不生效，可能是scope的原因，去掉就好了回答：在自己的css里面修改就行了.el-switch__core { height: 30px;// 重置}回答：直接修改...
2021-07-01【element-ui】element 2.6.3版本的datetimerange报错，哪位大佬知道嘛？
date.js?15e6:283 Uncaught Error: Invalid format in fecha.parseat Object.fecha.parse (date.js?15e6:283)at parseDate (element-ui.common.js?0d5b:304)at Vue.handleDateChange (element-ui.common.js?0d5b:17351)at change (element-ui.common.js?0d5b:17525)at invoker...
2021-07-02【element-ui】element-ui中的el-table如何在同一行中读取多个数据
<el-table ref="multipleTable" :data="serviceTable" tooltip-effect="dark" style="width: 100%" @selection-change="handleSelectionChange"> <el-table-column type="selection" width="55"> </el-table-column> <el-table-column prop="origin...
2021-07-02
