vue.js 实现点击某一标签就能获取当前点击标签的内容

原创于 2019-05-23 18:21:53 发布 · 5.5k 阅读

4 ·

CC 4.0 BY-SA版权

vue.js 专栏收录该内容

38 篇文章

订阅专栏

博客以button为例，展示了html源码和script源码，实现了点击按钮获取当前按钮文本的功能，聚焦于前端开发相关技术。

以button为例

html源码：

<div id="app">
    <button @click="showValue($event)">点我</button>
</div>

script源码

<script>
    new Vue({
        el:"#app",
        data:{
        },
        methods:{
            showValue(event){
                var e = event.currentTarget;
                alert(e.innerHTML);

            }
        }
    })
</script>

点击按钮，获取到当前按钮的文本：