vue onsen ui使用组件事件

时间:2019-04-06 00:14:27

标签: vue.js onsen-ui

我正在尝试利用此onsen actionsheet,并试图在隐藏操作表时触发事件

enter image description here

尝试

new Vue({
    el: '#app',
    template: '#main',
    data() {
        return {
            actionSheetVisible: false
        }
    },
    created() {
        this.$ons.posthide(function() {
            alert();
        });
    }
});

但是似乎我无法使其正常工作。如何为动作表的隐藏事件添加侦听器?有什么帮助吗,想法吗?

1 个答案:

答案 0 :(得分:0)

Vue Event Handling Syntax(@ posthide =“ doSomething”或v-on:posthide =“ doSomething”)

<v-ons-action-sheet @posthide="doSomething">
  ...
</v-ons-action-sheet>


new Vue({
  ...
  methods: {
    doSomething() {
      alert('posthide!');
    }
  }
});