Вопрос про события. (vue js, jquery)

135
04 июня 2019, 00:20

В общем имеется следующий js код (vue). Переделывал этот же код на jquery, вопрос тот же. Когда ввожу слово, например: Hello. В консоли, предыдущий символ появляется только после нажатия следующего, хотя в поле "Введенные слова все хорошо, как жмешь, сразу же появляется символ. Пытался событие поменять на keyup, в этом случае работает нормально и там и там, но если быстро печатать, почему-то keyup теряет некоторые символы. С keydown нет таких проблем, но здесь проблема в том, что я указал выше. Как можно решить эту проблему? Спасибо

           var example1 = new Vue({ 
                el: '#getWord', 
                data: { 
                    word: '', 
                    words: [], 
                    counter: 4 
                }, 
                methods:{ 
                    getWordFromInput: function (event){                  
 
                        if(this.counter >= 0){ 
                          console.log("Введенные слова: " + this.words.join(",")); 
                            return; 
                        } 
 
                        console.log("Текущее слово: " + this.word); 
                    }, 
                     spaceDown: function (value){ 
                            this.words.push(this.word); 
                            this.word = ''; 
                            event.preventDefault(); 
                            this.counter--; 
                             
                    } 
                } 
            });
<html> 
    <head> 
        <title>Test vue</title> 
        <meta charset="utf-8"> 
        <style type="text/css"> 
        </style> 
    </head> 
 
    <body> 
        <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> 
         
        <div id="getWord"> 
            <input v-model="word" @keydown = "getWordFromInput" @keydown.space = "spaceDown" placeholder="отредактируй меня"> 
            <p>Введенное слово: {{ word }}</p> 
        </div> 
    </body> 
</html>

READ ALSO
Из PHP массива в двухуровневый SELECT
javascript

Из PHP массива в двухуровневый SELECT

есть массив вида [0]=>["name" => "cat_name", "id" => "cat_id", "child_cat" => ["child_name" => "child_cat_name", "child_id" => "child_cat_id"]

 130
Может ли метод d3.dsv изменить кодировку загружаемого контента?
javascript

Может ли метод d3.dsv изменить кодировку загружаемого контента?

Мне нужно скормить методу d3dsv текстовый файл, экспортированный из Excel

 132
Как вызвать функцию, если её имя является свойством объекта?
javascript

Как вызвать функцию, если её имя является свойством объекта?

Как я понял, если бы имя функции было бы значением объекта, проблем бы не былоНо как перебрав объект oError можно вызвать функции required и minlength...

 140
3D графики в Java Script
javascript

3D графики в Java Script

Есть ли в js какая-нибудь библиотека, которая рисует такие графики?

 137