获取Element UI中button组件的ID值

最新推荐文章于 2023-02-07 15:38:49 发布

qq_19530157

最新推荐文章于 2023-02-07 15:38:49 发布

阅读量4.4k

点赞数 1

分类专栏：前端文章标签： vue javascript

本文链接：https://blog.csdn.net/qq_19530157/article/details/106572188

版权

本文介绍如何在Vue.js应用中，特别是在使用Element UI库时，有效地获取button组件的ID值。通过绑定ID和利用Vue实例的方法，可以方便地在组件间交互和操作特定按钮。

摘要由CSDN通过智能技术生成

获取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.l