Vue: cómo hacer que el área de texto no cambie de línea ...

Creado en 15 feb. 2017  ·  3Comentarios  ·  Fuente: vuejs/vue

https://jsfiddle.net/wangmin/rdjjpc7a/1628/
en esta demostración, cuando hago clic en entrar
usé e.stopPropagation() y e.preventDefault()
pero no funciona
cambiará una nueva línea
no quiero eso
como evitar ...
Gracias

Comentario más útil

Hay varias cosas mal con tu ejemplo:

En lugar de @keyup.onEnter="update" , debe llamar a @keyup.enter="onEnter" , porque el nombre de su método es onEnter , no update , y el nombre del modificador es enter , no onEnter .

Segundo: la nueva línea se coloca en el área de texto en keydown , no en keyup , por lo que el código completo debería ser:

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

Aquí hay un violín actualizado: https://jsfiddle.net/tedt89kv/


Además, tenga en cuenta que sus usuarios pueden Copiar y Pegar texto con líneas nuevas en su documento. Tal vez un Vigilante sería más lo que quieres. En el observador, puede eliminar todas las líneas nuevas en cada cambio del valor del área de texto.

Todos 3 comentarios

Hay varias cosas mal con tu ejemplo:

En lugar de @keyup.onEnter="update" , debe llamar a @keyup.enter="onEnter" , porque el nombre de su método es onEnter , no update , y el nombre del modificador es enter , no onEnter .

Segundo: la nueva línea se coloca en el área de texto en keydown , no en keyup , por lo que el código completo debería ser:

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

Aquí hay un violín actualizado: https://jsfiddle.net/tedt89kv/


Además, tenga en cuenta que sus usuarios pueden Copiar y Pegar texto con líneas nuevas en su documento. Tal vez un Vigilante sería más lo que quieres. En el observador, puede eliminar todas las líneas nuevas en cada cambio del valor del área de texto.

Además, de la plantilla de problema que eliminó para publicar su pregunta:

La lista de problemas de este repositorio es exclusivamente para informes de errores y solicitudes de funciones. Para preguntas sencillas, utilice los siguientes recursos:

gracias ... pensaré más la próxima vez

¿Fue útil esta página
0 / 5 - 0 calificaciones