Vue: como fazer textarea não mudar de linha...

Criado em 15 fev. 2017  ·  3Comentários  ·  Fonte: vuejs/vue

https://jsfiddle.net/wangmin/rdjjpc7a/1628/
nesta demonstração, quando eu clico em entrar
eu usei e.stopPropagation() e e.preventDefault()
mas não funciona
ele vai mudar uma nova linha
Eu não quero isso
como evitar ...
Obrigado

Comentários muito úteis

Há várias coisas erradas com o seu exemplo:

Em vez de @keyup.onEnter="update" , você deve chamar @keyup.enter="onEnter" , porque o nome do seu método é onEnter , não update , e o nome do modificador é enter , não onEnter .

Segundo: A nova linha é colocada na área de texto em keydown , não em keyup , então o código completo deve ser:

<div id="editor">
  <textarea :value="input" @keydown.enter="onEnter"></textarea>
</div>

Aqui está um violino atualizado: https://jsfiddle.net/tedt89kv/


Além disso, lembre-se de que seus usuários podem Copiar e Colar texto com novas linhas em seu documento. Talvez um Watcher seja mais o que você quer. No observador, você pode remover todas as novas linhas em cada alteração do valor da área de texto.

Todos 3 comentários

Há várias coisas erradas com o seu exemplo:

Em vez de @keyup.onEnter="update" , você deve chamar @keyup.enter="onEnter" , porque o nome do seu método é onEnter , não update , e o nome do modificador é enter , não onEnter .

Segundo: A nova linha é colocada na área de texto em keydown , não em keyup , então o código completo deve ser:

<div id="editor">
  <textarea :value="input" @keydown.enter="onEnter"></textarea>
</div>

Aqui está um violino atualizado: https://jsfiddle.net/tedt89kv/


Além disso, lembre-se de que seus usuários podem Copiar e Colar texto com novas linhas em seu documento. Talvez um Watcher seja mais o que você quer. No observador, você pode remover todas as novas linhas em cada alteração do valor da área de texto.

Além disso, no modelo de problema que você removeu para postar sua pergunta:

A lista de problemas deste repositório é exclusivamente para relatórios de bugs e solicitações de recursos. Para perguntas simples, use os seguintes recursos:

obrigado ... vou pensar mais na próxima vez

Esta página foi útil?
0 / 5 - 0 avaliações