【element-ui】element table 报错 待解决
Vue项目使用element-ui,table组件,出现报错官网直接复制下来都报这个错,并没有传关于'load'的东西<template> <el-table ref="singleTable" :data="tableData" highlight-current-row @current-change="handleCurrentChange" style="width: 100%"> <el-table-column type="index" ...
2021-07-01【element-ui】element tree树怎么编辑
有完整的例子吗?官方文档只有添加删除,么有编辑功能,这个怎么编辑官方只有增删回答:点击以后,取出当前节点,然后用另外的form,提交之后用代码把修改覆盖到树绑定的对象里。这是我的做法<el-tree ref="tree":props="props":load="loadChild"lazy@current-change="SwitchNode":accordion="true"style="max-height:800px...
2021-05-28【element-ui】element tree 卡顿的问题
项目中需要用到 element 的 el-tree 树控件,但是不能使用延迟加载,数据大概 2000 条,没钱非常卡,大家怎么解决呢?谢谢!回答:懒加载自定义叶子节点: https://element.eleme.cn/#/zh...回答:懒加载也可以支持前端搜索.首先将数据一次性获取到.实现一个从树中过滤关键字的方法.newTree = filterTree(treeData, keywor...
2021-07-02【element-ui】el-pagination current page问题
用el-pagination和 el-table 做真分页el-pagination 属性:page-sizes : 10假如 一共 12条数据,el-pagination显示有两页,如果我点第二页时,第二页显示2条数据我现在做如下操作:在第二页时,选中所有数据(因为是真分页,所以选 中数据为2条),做删除操作,成功返回。删除成功后获取数据。此时发现,因为...
2021-07-02【element-ui】el-table-column 中怎么过滤后台来的毫秒数
<el-table-column property ="CreateTime" label="发送时间" width=400></el-table-column>回答:有两种方法来实现,第一种是写一个过滤器(filter),使用插值替换,第二种是使用一个方法来处理。推荐第一种,复用性强。第一种,定义过滤器。定义一个过滤器,将时间处理成到时分秒的时间:Vue.filter('dateTim...
2021-07-02【element-ui】element UI中输入框input的使用
怎么使得输入框位置靠右呢,另外怎样使得两个组件之间间隔一点距离呢?比如搜索框单独一行,下面就是表格,但是两者之间有一定空白距离回答:用 <el-row>,然后样式设置为:.el-row { margin-bottom: 10px; }...
2021-07-02【element-ui】element-ui使用el-select疑问
element-ui在使用el-select的时候, 用户输入XXX,然后去匹配用户输入的值. 如果只有一条数据的时候,可以直接选中吗?不要再让用户选了. 网上找了很多资料也没有实现,有没有知道怎么做的.页面如下图图片部分对应的代码大致如下<el-table :data="tableData" highlight-current-row border ref="tableData"> <el-table-column prop...
2021-07-02【element-ui】elementui el-radio-group 默认选中问题
问题我想在页面初始化时,根据后台数据,确定单选按钮的选中状态。现在问题是,数据是传到了,不过按钮样式没有更新代码// 单选按钮数据 status_arr: [ { text: "待确认", code: "0" }, { text: "已确认,待赴约", code: "1" }, { text: "已赴约...
2021-07-01【element-ui】关于element-ui 中table组件,v-for的问题?
如何通过v-for生成表格?现在是将prop和label属性写死的,但是我想通过v-for从tableConfig中去遍历渲染这是传入的属性 tableConfig: { data: data.content.split('\n').map((item)=>{ return { key: { label: "键", data: item.split(':')[0], }, ...
2021-07-01【element-ui】element-ui的el-upload相关问题
问题描述我想实现这样的功能,选择文件上传,向后台发送post请求,请求的时候,输入的字段是savePath:"..."savePath里的路径是文件在电脑本地的绝对路径。问题出现的环境背景及自己尝试过哪些方法项目是vue+element-ui相关代码// 请把代码文本粘贴到下方(请勿用图片代替代码)你期待的结果是什么...
2021-07-01【element-ui】element 的 el-input字数限制问题
我把汉字算2个字符,英文等于1个字符我想让输入框限制能输入10个汉字或者20个英文字母,超出不能输入maxLength = '10' 这样是超出10个汉字或者10个字母就不能输入了,改怎么办回答:写正则限制咯回答:el-input 的maxlenth是用的原生属性。如果想实现你的需求:通过监听键盘事件获取当前value替换如...
2021-07-02【element-ui】element table 比如说备注怎么显示两排后隐藏
<el-table-column prop="remark" min-width="500" show-overflow-tooltip label="备注" align="center"> <template slot-scope="scope"> <span v-if="scope.$index > 0">{{ scope.row.remark }}</span> <el-input size="mini" v-model="addData.remark" ...
2021-07-01【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】vue中slot的用法,在elementui 里面怎样使用?
vue中slot的用法,在elementui 里面怎样使用?我准备用elementui 里面的Tabs 标签页来写页面:https://element.eleme.cn/#/zh...我在网上看了很多文章。都没太看懂。我想做一个注册页面。分别是手机号注册和邮箱注册。想写2个slot不知道怎么写?我达到这下图那种类似的效果:回答:这不就完了吗。。。<el-tabs v-...
2021-07-08【element-ui】element-ui el-tree的默认值设置不成功
https://jsfiddle.net/Irene_Ta... 为什么直接对tree赋值会成功,而设置默认选中的节点却没有成功?回答:permissions != permisions, this.permisions 拼写错误...
2021-07-02【element-ui】elementui 中el-select 能与普通的form标签使用吗?
就是能像下面这样使用吗<form action='#' method='post' id='demo'> <el-select v-model="selected" placeholder="请选择" name='ui'> <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" > </el-option> </el-...
2021-07-01【element-ui】element-ui的上传组件中的accept参数怎么使用
这句话的意思是指,我可以限制自己上传的文件类型吗,比如我限制只能上传png格式的图片,就设定accept="png"这样用吗?回答:在文件上传中使用 accept 属性,这个是上传中input自带的属性accept 属性,只能与 <input type="file"> 配合使用,如要 GIF 和 JPEG 两种图像则accept="image/gif, image/jpeg" ,如果不限制图...
2021-05-28【element-ui】element-ui表格hover效果错误怎么办?
我鼠标hover在第5条数据,本来应该第五条数据变灰色的,结果是第三行变灰了,其他行也是同样的bug,完全错乱了。。。回答:我觉得奥,可以简单的测试一下你的数据,看看第一条数据索引是几...
2021-07-01【element-ui】element-ui upload组件怎么在选择文件前进行弹窗提示
问题描述使用element-ui 开发时,在使用upload组件上传文件时,想要在点击上传按钮时,进行一个弹窗提示你期待的结果是什么?实际看到的错误信息又是什么?实现在选择文件前进行弹窗提示回答:感觉你的业务需求是上传数据之前做一个这个提醒,那你可以改成选取文件后,手动上传之前做这个提...
2021-07-01【element-ui】在mongoengine中查询部分字段而不是全部?
各位高手,我在用elementjs写一个下拉菜单,但这个下拉菜单的选项需要一个动态的值,如下:但我从mongodbengine返回的字段,是全部的字段都在:,但我只想获取value和label两个字段,用于给下拉菜单的options赋值,请问该怎么实现?...
2021-07-01【element-ui】element-ui el-table树形结构为什么点击展开缓慢?
最近在维护项目,发现el-table树形结构点击后要等2秒钟才能展开,觉得这是一个bug,项目使用的element-ui版本是^2.11.0,但是经过仔细检查没有发现代码异常,遂请教大神。组件: `<tree-grid @edit="handleEdit" @add="handleAdd" @deltable="deltable" v-loading="isLoading" :columns=...
2021-07-01【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】Vue ElementUI 中多个不定量switch 问题 ,求教?
类似这样的不确定的switch 怎么分别控制?目前所有都用这一个值,但是不定量的时候又该怎么用呢。?谢谢大家,望指导。回答:题主这个应该是一个数组渲染出来的结构,v-model绑定的值可以用数组各项的一个变量进行绑定,如dataList=[{switchItem:false,name:'lamp'},{switchItem:true,name:'lamp2'}],然后用v-for="i...
2021-07-01【element-ui】element 2.7.1 如何用table树形表格实现默认展开行?
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <!-- import CSS --> <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"></head><body> <div id="app"> <el-table :data="tableData" row-key="id" ...
2021-07-01【element-ui】vue-element-admin 怎么控制路由菜单显示高亮
路由跳转后让指定的菜单高亮显示 { path: '', component: Layout, children: [ { path: '/home', name: 'Home', component: () => import('@/views/home/index'), meta: { title: '点餐', icon: 'order1' }}, { path: '/menu', name: 'Menu', component: () => import('@/vi...
2021-07-02