vue.js - 绑定来自实例而不是 html 标记的点击

Question

在 vue 中可以直接从 vue 实例绑定按钮单击吗？

我有这个按钮：
<el-button @click="alert_me" class="gf-button" type="primary" style="margin-left: 16px;">Button</el-button>

我不想删除@click="alert_me"并像我通常使用 jquery 但使用 vue 那样做。

可能吗？

我的 Vue 实例：

new Vue({
    el: "#app",
    data: {

    },
    methods: {
        alert_me() {
            alert('Hello from vue!');
        }
    },
});

谢谢

标签： vue.jsvuejs2vue-component

Answer 1

您可以在生命周期中使用addEventListener和调用它。mounted

mounted() {
  document.querySelector('#element').addEventListener('click', event => 
    {
     //handle click
    }
  )
}