vue.js app. $ destroy () не работает - PullRequest
Новая
       50

vue.js app. $ destroy () не работает

0 голосов
/ 05 июня 2018

Я учусь Vue JS.У меня есть приложение под названием growler .Я пытаюсь вызвать метод $ destroy при нажатии кнопки.

<button id="destroyButton" class="btn btn-danger" v-on:click="onDestroyClick">Destroy</button>

Если у меня есть метод как часть события Javascript, он работает.

 <script type="text/javascript">
           document.getElementById('destroyButton').addEventListener('click', function() {
                growler.$destroy();
            }); 
</script>

Но, если я вызываю этот метод как часть события vue on-click , он не работает. 

methods: {
                  onDestroyClick: function() {
                        this.$destroy();
                    } 
                }

У меня есть ловушки жизненного цикладля разных событий экземпляра.Я пытаюсь зарегистрировать их в консоли. 

beforeDestroy: function() {
                    console.log('beforeDestroy');
                },

                destroyed: function() {
                    console.log('afterDestroy');
                }

Это нормально работает из прослушивателя событий Javascript.Я могу видеть уничтожить сообщения в журнале консоли.

Подскажите, пожалуйста, почему он не работает как часть метода события по нажатию.Экземпляр приложения не уничтожен.

...