Question

我的链接设置如下：

<a href="#" @click="modal=true">Open modal</a>

这是数据：

export default {
    data () {
        return {
            modal: false
        }
    }
}

是否有解决方法来触发点击事件，而不必将@click直接放在标记中？预期的结果是相同的，但是@click将在vue实例的其他地方定义。

Answer 1

你可以试试这个：

export default {
  data () {
    return {
      modal: false
    }
  },
  mounted () {
    var self = this;
    this.$el.querySelector('a').addEventListener('click', function () {
        Vue.set(self, 'modal', true);
    });
  }
}

在html标记之外渲染Vue.js @click指令

1 个答案: