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

Question

组件模板：

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

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

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

Answer 1

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

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

Answer 2

看vue文档你会发现，vue使用$event来代表原来的event对象。
也就是说
@click=smfunction($event)

smfunction(e) {
let el = e.target
}

Answer 3

innerhtml或当前属性。用vue属性绑定。