如何在vuejs中隐藏'hidden.bs.modal'?

时间:2018-07-18 07:35:06

标签: vue.js bootstrap-4 bootstrap-modal laravel-5.6

我想处理事件hidden.bs.modal以清除变量中的数据。

但是似乎不再工作了。

<template>
    <div id="my_modal"
         class="modal"
         tabindex="-1"
         role="dialog"
         aria-hidden="true"
         ref="my_modal">
        ...
    </div>
</template>

<script>
    export default {
        mounted() {
            $(this.$refs.my_modal).on('hidden.bs.modal', this.doSomething());
        },

        methods: {
            doSomething() {
                // Do something
            },
        },
    }
</script>

1 个答案:

答案 0 :(得分:0)

doSomething之后,您不需要括号。您想传递函数本身,而不是传递结果

 mounted() {
     $(this.$refs.my_modal).on('hidden.bs.modal', this.doSomething);
 },