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 的值时删除所有换行符。
此外,从您删除以发布问题的问题模板中:
此 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
谢谢你……下次我会考虑更多
最有用的评论
您的示例有几处错误:
而不是
@keyup.onEnter="update"
,您必须调用@keyup.enter="onEnter"
,因为您的方法的名称是onEnter
,而不是update
,并且修饰符的名称是enter
,而不是onEnter
。第二:换行符放在
keydown
上的 textarea 中,而不是keyup
上,所以完整的代码应该是:这是一个更新的小提琴: https ://jsfiddle.net/tedt89kv/
另外,请记住,您的用户可以将带有换行符的文本复制并粘贴到您的文档中。 也许Watcher会更符合您的要求。 在观察者中,您可以在每次更改 textarea 的值时删除所有换行符。