Vue: как сделать, чтобы textarea не меняла строку...

Созданный на 15 февр. 2017  ·  3Комментарии  ·  Источник: vuejs/vue

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/


Кроме того, имейте в виду, что ваши пользователи могут копировать и вставлять текст с новыми строками в ваш документ. Может быть, Наблюдатель был бы больше, чем вы хотите. В наблюдателе вы можете удалить все новые строки при каждом изменении значения текстовой области.

Все 3 Комментарий

В вашем примере есть несколько неправильных вещей:

Вместо @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/


Кроме того, имейте в виду, что ваши пользователи могут копировать и вставлять текст с новыми строками в ваш документ. Может быть, Наблюдатель был бы больше, чем вы хотите. В наблюдателе вы можете удалить все новые строки при каждом изменении значения текстовой области.

Кроме того, из шаблона задачи, который вы удалили, чтобы опубликовать свой вопрос:

Список проблем этого репозитория предназначен исключительно для отчетов об ошибках и запросов функций. Для простых вопросов, пожалуйста, используйте следующие ресурсы:

спасибо... в следующий раз буду думать больше

Была ли эта страница полезной?
0 / 5 - 0 рейтинги