【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
