Vue: 如何使 textarea 没有换行...

创建于 2017-02-15  ·  3评论  ·  资料来源: vuejs/vue

https://jsfiddle.net/wangmin/rdjjpc7a/1628/
在这个演示中,当我点击进入时
我使用了 e.stopPropagation() 和 e.preventDefault()
但它不起作用
它将改变一个新行
我不要那个
如何避免...
感谢你

最有用的评论

您的示例有几处错误:

而不是@keyup.onEnter="update" ,您必须调用@keyup.enter="onEnter" ,因为您的方法的名称是onEnter ,而不是update ,并且修饰符的名称是enter ,而不是onEnter

第二:换行符放在keydown上的 textarea 中,而不是keyup上,所以完整的代码应该是:

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

这是一个更新的小提琴: https ://jsfiddle.net/tedt89kv/


另外,请记住,您的用户可以将带有换行符的文本复制并粘贴到您的文档中。 也许Watcher会更符合您的要求。 在观察者中,您可以在每次更改 textarea 的值时删除所有换行符。

所有3条评论

您的示例有几处错误:

而不是@keyup.onEnter="update" ,您必须调用@keyup.enter="onEnter" ,因为您的方法的名称是onEnter ,而不是update ,并且修饰符的名称是enter ,而不是onEnter

第二:换行符放在keydown上的 textarea 中,而不是keyup上,所以完整的代码应该是:

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

这是一个更新的小提琴: https ://jsfiddle.net/tedt89kv/


另外,请记住,您的用户可以将带有换行符的文本复制并粘贴到您的文档中。 也许Watcher会更符合您的要求。 在观察者中,您可以在每次更改 textarea 的值时删除所有换行符。

此外,从您删除以发布问题的问题模板中:

此 repo 的问题列表专门用于错误报告和功能请求。 对于简单的问题,请使用以下资源:

  • 阅读文档: 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

谢谢你……下次我会考虑更多

此页面是否有帮助?
0 / 5 - 0 等级

相关问题

wenLiangcan picture wenLiangcan  ·  39评论

karevn picture karevn  ·  42评论

alenyu picture alenyu  ·  43评论

smolinari picture smolinari  ·  116评论

ferry77 picture ferry77  ·  67评论