https://jsfiddle.net/wangmin/rdjjpc7a/1628/
в этой демонстрации, когда я нажимаю ввод
я использовал e.stopPropagation() и e.preventDefault()
но это не работает
это изменит новую строку
я не хочу этого
как избежать...
Спасибо
В вашем примере есть несколько неправильных вещей:
Вместо @keyup.onEnter="update"
вам нужно вызвать @keyup.enter="onEnter"
, потому что имя вашего метода — onEnter
, а не update
, а имя модификатора — enter
, а не onEnter
.
Во-вторых: новая строка помещается в текстовую область на keydown
, а не на keyup
, поэтому полный код должен быть:
<div id="editor">
<textarea :value="input" @keydown.enter="onEnter"></textarea>
</div>
Вот обновленная скрипка: https://jsfiddle.net/tedt89kv/
Кроме того, имейте в виду, что ваши пользователи могут копировать и вставлять текст с новыми строками в ваш документ. Может быть, Наблюдатель был бы больше, чем вы хотите. В наблюдателе вы можете удалить все новые строки при каждом изменении значения текстовой области.
Кроме того, из шаблона задачи, который вы удалили, чтобы опубликовать свой вопрос:
Список проблем этого репозитория предназначен исключительно для отчетов об ошибках и запросов функций. Для простых вопросов, пожалуйста, используйте следующие ресурсы:
- Прочтите документы: https://vuejs.org/guide/
- Посмотрите видеоуроки: https://laracasts.com/series/learning-vue-step-by-step
- Спросите в чате Gitter: https://gitter.im/vuejs/vue
- Спросите на форумах: http://forum.vuejs.org/
- Ищите/задавайте вопросы о переполнении стека: https://stackoverflow.com/questions/ask?tags=vue.js
спасибо... в следующий раз буду думать больше
Самый полезный комментарий
В вашем примере есть несколько неправильных вещей:
Вместо
@keyup.onEnter="update"
вам нужно вызвать@keyup.enter="onEnter"
, потому что имя вашего метода —onEnter
, а неupdate
, а имя модификатора —enter
, а неonEnter
.Во-вторых: новая строка помещается в текстовую область на
keydown
, а не наkeyup
, поэтому полный код должен быть:Вот обновленная скрипка: https://jsfiddle.net/tedt89kv/
Кроме того, имейте в виду, что ваши пользователи могут копировать и вставлять текст с новыми строками в ваш документ. Может быть, Наблюдатель был бы больше, чем вы хотите. В наблюдателе вы можете удалить все новые строки при каждом изменении значения текстовой области.