##element-ui 第92页

element-UI动态的循环生成Popover弹出框的方法

父组件：子组件：这是一段内容。。。。{{data.ruleName?data.ruleName:'添加新的项'}}转载于:https://www.cnblogs.com/zhaoxiaobei/p/9283875.html

weixin_33933118·2020-09-16 14:25

Element-UI组件，创建三级树形目录拆坑记录,删除目录使用Mybatis plus 的逻辑删除

目录踩坑规定某一节点展开，配置好逻辑无错误却失效Element-ui插件的使用MybatisPlus框架的逻辑删除踩坑规定某一节点展开，配置好逻辑无错误却失效{{node.label}}append(data

侯侯侯先生·2020-09-16 14:49

[已解决] element-ui的table中嵌入Tooltip和Popover, Popover无法显示问题

最近遇到这样的需求.在element-ui的table中嵌入"Tooltip文字提示"和"Popover弹出框".简单如下:看到设计图,心情愉快地就到element-ui去CV代码.跑起来发现根本不是那么一回事

AlexDeng2019·2020-09-16 14:21

循环使用element-ui中的Popover弹出框

应项目需求，需要完成一个表格，表格中有客户操作状态字段，hover上去就会拿到此客户的id，并请求后台拿到状态，显示客户状态到哪步了，效果如下：代码如下：{{scope.row.status==0?'未完成':'已完成'}}关键就是@show这个事件。。。。。。。。。经过这个事件拿到用户idhandleStatus(scope){console.log(scope.row.userId)}最后去请

MandiGao·2020-09-16 14:48

vue+element 单输入框表单键盘回车事件导致页面刷新的问题

单输入框表单键盘回车事件导致页面刷新的问题背景今天发现输入框输入内容后回车就会刷新页面解决:搜索el-from加上@submit.native.preventtips:v-model.trim这个trim属性是过滤用户输入空格的网上的小伙伴给出的答案：具体是参考element-ui

AruaVic·2020-09-16 13:21

关于element-ui popover组件通过数据渲染出多个popover时点击取消时 popover的显示与隐藏问题

关于element-uipopover组件通过数据渲染出多个popover时点击取消时popover的显示与隐藏问题废话不多说直接上代码-->这是一段内容这是一段内容确定删除吗？取消确定**在el-popover中加属性:ref="`popover-${scope.$index}`"取消el-button按钮加@click="scope._self.$refs[`popover-${scope.$

꯭|꯭w꯭·2020-09-16 13:42

element-ui中table组件操作上使用Popover的取消问题

table组件中使用el-Popover很简单在el-popover中加属性:ref="`popover-${scope.$index}`"取消el-button按钮加@click="scope._self.$refs[`popover-${scope.$index}`].doClose()"完美解决问题不是技术贴，只是防止自己下次遇到忘记了，不喜勿喷

哦哦哦奥斯丁·2020-09-16 13:42

Element-UI表格点击Popover 弹出框确定取消

取消确定说明cancelClick(scope){this.$message('点击了取消操作');scope._self.$refs[`popover-${scope.$index}`].doClose()},sureClick(scope){//可以在这里执行删除数据的回调操作.......删除操作......this.$message({message:"点击了确定操作了",type:'su

weixin_30278237·2020-09-16 13:08

vue解决element-ui popover点击取消时 popover的显示与隐藏问题

最近在项目中使用elementui中的table组件popover进行开发，官网的案例如果使用数据遍历，操作列使用做插槽的话就不行了。记录下解决办法：1.popover演示效果2.解决办法如下在el-popover中加属性:ref="popover-${scope.$index}"取消el-button按钮加@click="scope._self.$refs[popover-${scope.$in

@必意玲·2020-09-16 13:02

关于Element Popover弹窗关不掉的解决办法

情景：在element-ui中el-table中使用Popover弹框，根据网上小伙伴提供的方法大部分都是这种：htm部分：更多js部分canclePopover(scope){scope.

AruaVic·2020-09-16 13:14

el-menu实现多级菜单效果

如何用element-ui的el-menu组件动态实现多级菜单？

涵一·2020-09-16 13:26

element-ui的下拉框有值却无法选中的问题

使用elementui踩坑,下拉框有值,但是却无法改变解决方案:https://blog.csdn.net/weixin_43216105/article/details/86699772

我的代码没bug·2020-09-16 13:42

element-ui 下拉框选择器selete多选是，单行显示所选内容

element-ui下拉框选择器selete多选是，单行显示所选内容只需重写el-select原生样式.el-select__tags{flex-wrap:inherit!

H.F_0331·2020-09-16 13:34

element-ui的下拉框-输入框有值却无法选中输入的问题

问题：下拉输入选择同时存在，当编辑显示下拉数据时，我想改下拉数据为自己得输入数据，你输入了数据却显示不了。原因：出现这个问题好像是因为下拉框数据是循环掉别的接口得来的，因为数据层次太多，render函数没有自动更新，需手动强制刷新所以我直接强制刷新了值，而forceUpdate就是重新render。写一个方法，在select的change事件中调用此方法，运用this.$forceUpdate()

奔跑的小蜗牛。·2020-09-16 13:44

Element-UI中selet下拉框无法回显问题

使用elementUI时，在修改页面，下拉框回显数据有问题这里客户ID需要默认选中id为8的客户。并且显示客户名称原因：中：value的值与的v-model值不匹配，我这里form.customerId的值为字符串，而item.customerId的值为数字类型，所以导致回显数据无法自动选中解决：将form.customerId和item.customerId转换为同一类型，并检查数据是否相同

暴怒大吊·2020-09-16 13:17

vue中不要element-ui时实现table的各列排序根据数组决定实现方法

昨天写了一篇table表格的各列根据数组决定排序的文章，但是有人不使用element-ui，现在写一下原始的table表格实现此功能问题说明：用数组fileds决定各列的展示顺序，比如说fileds=[

suiersuier·2020-09-16 12:07

vue项目中使用element-ui下拉框选项值为对象时报错

在做后台管理时，使用了vue搭配elementUI，请求方法使用了axios插件，在使用下拉框时，因为我需要获取选中的选项中的其他值，因此需要传入对象。对select下拉框的文档没有读的很仔细，百度过几篇文章，也没有理解他们表达的意思，然后自己又去看文档，把他的属性看了几遍，忽然就来了灵感，尝试了一两次，哇，原来是这样做，爽歪歪，真的是书读百遍其义自见1.elementui中的select下拉框为

一只叮code的小蚊子·2020-09-16 11:23

解决element-ui的下拉框有值，点击后却无法选中的问题

出现原因因为下拉列表的数据是根据输入框的值的变化时行实时调用接口来更新而非不变的，频繁的更新，可能造成点击下拉列表中的某项后，select所绑定的value值无法进行及时的更新，尤其是所绑定的值是对象时（vue不能检测对象属性的变化），更加会造成无法选中的问题。解决方法无法及时更新，那么用change事件监听值的变化，调用this.$forceUpdate()手动强制更新，重新渲染。代码如下cha

一月清辉·2020-09-16 11:01

Vue+Vuex 实现全局统一错误提示

法一：引入element-ui样式import{Message}from'element-ui';service.interceptors.response.use(response=>{//status

嘻哈章鱼小丸子·2020-09-16 09:16

element-Ui的tree组件不能直接选择父节点的问题

element-Ui的tree组件不能直接选择父节点的问题应用场景后台做权限管理的时候需要父级菜单单不一定需要所有的子集菜单我实现的效果数据同样的数据在tree组件上显示的演示地址https://gitee.com

哦是吗呀·2020-09-16 07:31

02 vue属性操作

学习如下vue常用指令的属性操作:Vue常用指令之计算属性computedVue常用指令之侦听属性watchVue常用指令之自定义属性Vue常用指令之获取DOM元素Vue常用指令之element-ui计算属性

一越王超·2020-09-16 06:34

vue中组件间通信机制之pubsub组件用法

pubsub-js”:“^1.9.0”"dependencies":{"@jiaminghi/data-view":"^2.9.6","cesium":"^1.70.0","echarts":"^4.8.0","element-ui

hsg77·2020-09-16 05:05

vue+element-ui实现前端导入excel数据

element-ui有直接封装好的Upload组件，直接使用很方便点击上传只能上传Excel文件accept打开指定文件类型//自定义上传导入数据uploadFile(item){constform=newFormData

bai小白·2020-09-16 04:37

vue直接oss视频文件上传结合element-ui

参考阿里云网站地址：https://help.aliyun.com/document_detail/32068.html?spm=a2c4g.11186623.6.1255.5cd837e8liBsPbelement-ui框架地址：https://element.eleme.cn/#/zh-CN/component/installation第一步安装element-ui+ali-ossnpmiel

随便的名字·2020-09-16 04:04

Element-ui 组件Table导出Excel

先看看页面叭~导出的表~好咯就是这样上代码！！！1.安装依赖npminstall--savexlsxfile-saver2.引入导出Excel依赖importFileSaverfrom'file-saver'importXLSXfrom'xlsx'3.给Table加id类名4.页面导出事件//定义导出Excel表格事件exportExcel(){/*从表生成工作簿对象*/varwb=XLSX.ut

单人可n·2020-09-16 04:22

Element ui tree树形控件获取当前节点id和父节点id

低版本Elementuitree树形控件获取当前节点id和父节点id的方法：点击查看最新版本Elementuitree树形控件获取当前节点id和父节点id教程：1.找到node_modules/element-ui

weixin_34238633·2020-09-16 04:10

vue2.0-elementUI

/App.vue'importElementUIfrom'element-ui'import'element-ui/lib/theme-default/index.css'Vue.use(ElementUI

weixin_33877885·2020-09-16 04:23

vue 组件传递值以及获取DOM元素的位置信息

1.父组件select_li.vue1.1父组件模板1234{{name}}567891.2父组件js12importElementUIfrom'element-ui'3importmask_lifrom

weixin_30612769·2020-09-16 04:27

vue入口文件main.js解析

/router';importElementUIfrom'element-ui';Vue.config.prod

开发程序员--- 沈飞·2020-09-16 03:49

ElementUI中Switch控件属性值为Number时报错的问题

ElementUI中Switch控件属性值为Number时报错问题1.使用element-ui中switch控件时，如果为该控件属性值赋值为数字时，这时浏览器会报错，但是还是能正常显示效果，为了解除这个报错

皮的狠·2020-09-16 03:26

element-ui的el-menu路由模式下选中无颜色

1，el-menu跳转时如果按照以下写法无疑看起来感觉很鸡肋，而且index这个属性感觉并没有任何作用2，在el-menu标签中直接开启router模式(:router="true")，就会以index中的参数，作为路径直接跳转。在开启router模式之后，点击跳转都没有问题，但是貌似被激活的路由，并没有加载选中的颜色。这时候是因为default-active中的参数没有值没有发生变化，并没有指向

不玩C++的前端是不合格Java·2020-09-16 03:33

elementUi可编辑table

另外本人比较喜欢写注释，所以就不做过多的解释了，下面就直接看代码（复制可用的）element-ui官网：https://element.eleme.io/#/zh-CN/component/table1

不玩C++的前端是不合格Java·2020-09-16 03:02

vue阻止事件冒泡

最近公司项目有个需求：手动写一个类似element-ui的弹框效果，点击外层遮罩触发事件，而点击内层不触发改点击事件。根据js的事件冒泡可以处理，vue的修饰符可以直接阻止事件冒泡。

bigbigvier·2020-09-16 03:18

element-ui,后台status状态为1，2，3，转化为中文

文档并没有详细说明，记录一下{{scope.row.status===1?'已发放':''}}{{scope.row.status===2?'未发放':''}}{{scope.row.status===3?'已拒绝':''}}

heqian650·2020-09-16 02:40

el-table 根据屏幕大小动态设置max-height来自适应表格的最大高度出现滚动条

根据element-ui的文档，max-height的合法的值为数字或者单位为px的高度。

fairyIer·2020-09-16 02:13

如何学习前端以及学习路线

2.前端基础：html、css、JavaScript、es6、(vue、react、angular、jquery)三大前端框架，各式各样的UI组件库，例如bootstrap、element-ui、antdesign

Violent_clown·2020-09-16 02:22

element-ui/vue-element-admin上传excel等文件到服务器

上源码选择文件只能上传xlsx(Excel2007)文件，且不超过10M参数解析：limit可上传文件数量auto-upload是否可自动上传accept可上传的文件格式before-upload上传文件之前的钩子on-change文件状态改变时的钩子，添加文件、上传成功和上传失败时都会被调用on-exceed文件超出个数限制时的钩子on-success文件上传成功时的钩子on-error文件上传

漂移的电子·2020-09-16 02:48

element ui 里的自定义指令 v-clickoutside 使用方法

引入指令importClickoutsidefrom'element-ui/src/utils/clickoutside'声明指令exportdefault{directives:{Clickoutside

高先生的猫·2020-09-16 01:34

element ui 里的 Clickoutside.js

引入import Clickoutside from 'element-ui/src/utils/clickoutside'声明指令directives: {Clickoutside},使用

CH---陈·2020-09-16 01:18

Element(3) 使用v-org-tree组件实现组织树形菜单

一、前言iview-admin中提供了v-org-tree这么一个vue组件可以实现树形菜单，下面小编来提供一下在element-ui中的使用教程小编集成了el-dropdown下拉菜单（鼠标左击显示菜单

郑清·2020-09-16 01:21

element-UI el-table添加滚动条

exportfunctionscrollY(boxc,hbox){//Y轴滚动letpointX,pointY,top=0,moveX,moveY;varmove=false;letbox=$(boxc);varH=box.height();varW=box.width();varht=$(hbox).height();varcententH=box.children().height();var

南桥追光·2020-09-16 01:16

element中table固定列（fixed）动态布局造成的列表错乱

学习使用element-UI时，使用table固定左边第一列，在这列上加fixed时，动态切换表格列设置设置时就会出现错乱，情况如下：看了官网，里面写了doLayout的方法，可以解决了1.要记得在table

前端小白学vue·2020-09-16 01:14

vue element clickoutside 指令和扩展

1使用方式importClickoutsidefrom'element-ui/src/utils/clickoutside'directives:

mrzhangdulin·2020-09-16 01:31

vue中实现点击当前元素之外的元素之执行此方法（clickoutside）

引入：import Clickoutside from "element-ui/src/utils/clickoutside";声明指令：exportdefault{directives:{Clickoutside

成长中...·2020-09-16 01:27

Vue中的情侣属性$dispatch和$broadcast详解

虽然Vue官网已经不再支持使用$dispatch和$broadcast进行组件通信，但是在很多基于Vue的UI框架中都有对其的封装，包括element-ui、iview

暮　色·2020-09-16 01:10

el-select下拉框无法隐藏?

如图,在使用element-ui做一个需求的时候,v-show控制父元素的显示隐藏,并不能影响el-select弹框的显示隐藏我们需要通过js使其隐藏,参考官网可以调用blur函数代码如下:这里ref挂在的是两个不同的值

hashdog·2020-09-16 01:22

解决element-ui在在safari浏览器中抽屉组件出现动画错误

解决element-ui在在safari浏览器中抽屉组件出现动画错误问题演示在官网上的版本出现此问题是在2.13.0版本之后，之前的版本没有任何问题。

禅あ思·2020-09-16 01:12

element-ui 抽屉drawer出现蓝框bug

最近发现，element-ui的抽屉有bug，首先是自带的title，在打开抽屉时，默认出现聚焦的蓝色框框。

妖无涯·2020-09-16 01:49

Vue 引入element-ui 组价，提示：import 'element-ui/lib/theme-default/index.css'

初始化Vue项目，安装element-ui组价，导入element-ui组件vue项目安装(cnpminstall),项目执行(cnpmrundev),提示如下错误信息：Thisdependencywasnotfound

在奋斗的大道·2020-09-16 00:34

VUE+element 引入element报错 This dependency was not found: * element-ui/lib/theme-default/index.css in

错的原因是element-ui/lib/theme-default/index.css改成element-ui/lib/theme-chalk/index.css

冰怜·2020-09-16 00:56

推荐频道

##element-ui