获取Element UI中button组件的ID值

<template><div><div style="display: flex;justify-content: center;"><div style="float:left;"><el-button @click.native="getTenCountryBarIndex($event)" id="confirmed_number_bar" autofocus=true>确诊人数</el-button></div><div style="float:left;"><el-button @click.native="getTenCountryBarIndex($event)" id="existing_confirmed_number_bar">现存确诊人数</el-button></div></div></div>
</template><script>export default {name: "demo",data(){return{current_bar_chart,}},methods:{getTenCountryBarIndex:function(e) {//获取当前点击的按钮的id值var current_id = e.currentTarget.id;console.log(current_id);if(current_id=="confirmed_number_bar"){var current_bar_data_temp =this.world_map_all_data.confirmed_number;current_bar_data_temp.sort((a,b)=>b.value - a.value);current_bar_data_temp = current_bar_data_temp.slice(0,10);current_bar_data_temp.sort((a,b)=>a.value - b.value);this.current_bar_chart = current_bar_data_temp;}else if(current_id=="existing_confirmed_number_bar"){var current_bar_data_temp =this.world_map_all_data.existing_confirmed_number;current_bar_data_temp.sort((a,b)=>b.value - a.value);current_bar_data_temp = current_bar_data_temp.slice(0,10);current_bar_data_temp.sort((a,b)=>a.value - b.value);this.current_bar_chart = current_bar_data_temp;}},}}
</script><style scoped></style>

获取Element UI中button组件的ID值相关推荐

关于Element UI中select组件中遇到的问题
问题一:在使用select组件设置多选功能后,窗口抖动问题? 详细描述:在我使用select做多选的功能时出现了窗口抖动的问题,测试的时候发现,在有些人的电脑上抖动,有些人的电脑上不抖,找了很多文档, ...
element ui 中 Popover 组件定位不精准的问题
问题原因 Popover 内部数据动态获取到之后,Popover 尺寸变化导致的定位不准确. 解决方法动态数据获取到之后,调用 Popover 的 updatePopper() 方法重新计算 Pop ...
【关于Element UI中el-autocomplete组件】一、el-autocomplete组件添加底部固定按钮
小伙伴们,不知道大家再开发过程中使用el-autocomplete时候会不会遇到需要在下拉建议值中加入自定义按钮,例如添加按钮之类的,如图: 那么这个按钮是如何加上去的呢? 首先我们在这个建议值列表中 ...
vue中element ui 中tree组件怎么自定义前缀图标呢?
一问题饿了么ui 默认的图标样式是: 1. 一个箭头, 展开自动顺时针旋转90°, 以上的条件是该节点有子节点, 2. 如果是没有子节点的节点, 是默认空白图标的(这里我认为他不是没有, 而是有占 ...
element ui中 el-table根据不同的值设置单元格背景色
 <el-tablev-loading="loading":data="lists"bo ...
element UI上传图片Upload组件使用图片转base64和fale文件处理 formdata数据格式的应用
element UI上传图片Upload组件使用 & 图片转base64和fale文件处理 & formdata数据格式的应用 1.element UI上传图片Upload组件使用效 ...
vue问题三：element ui的upload组件上传图片成功和移除事件
element ui的upload组件上传图片成功和移除事件: 登录后获取到后台传的token存到中: sessionStorage.setItem("token",data.ob ...
使用xlsx 下载 element ui 中的表格
原文链接: 使用xlsx 下载 element ui 中的表格上一篇: MongoDB 聚合下一篇: vue router 路由守卫登录验证 https://github.com/SheetJS ...
Web前端笔记-element ui中table中某列添加a便签进行跳转
效果是这样的: 这里的文章标题和查看都可以进行跳转. 其中对应的代码如下: <template style="height: 100%"><el-table:da ...
关于Element UI中页面样式小问题
一,修改组件dialog窗口的大小二,在我使用upload组件上传一张美女图片时,发现当预览图片时,图片是灰色的,点击一下才会变亮,这种效果使我很不舒服,于是我通过添加下面的一条样式,问题解决了(可 ...

获取Element UI中button组件的ID值

获取Element UI中button组件的ID值相关推荐

最新文章

热门文章