javascript - Vue组件模板 点击事件 如何传参数？

问题描述

问 题

组件模板：

Vue.component('page',{
    template : `

    <div class="pagination">
        <span class="current prev">&lt;</span>
        <span class="current" v-on:click=setpage(【这里传当前点击的元素】) >1</span>
        <span class="current next">&gt;</span>
    </div>
    
    .........

v-on:click=setpage() 这里（）内如何传当前的对象，我想在方法内获取 innerHtml或者 当前元素的属性

解决方案

你可以在你的methods里的方法中通过e.target拿到这个元素

methods: {
    setpage: function (e) {
        console.log(e.target)
    }
}

这篇关于javascript - Vue组件模板 点击事件 如何传参数？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！