Vuejs阻止在contenteditable中添加新行

Question

如何阻止Enter在contenteditable div中添加新行。 我试过@ keyup.enter.prevent，但它没有用。 还试过@ keyup.enter.prevent＆amp; @ keyup.enter.stop.prevent但没有运气。

Answer 1

您需要keydown，当您到达keyup事件时，浏览器已将您按下的任何键插入输入中。

＆＃13;

＆＃13;

new Vue({
  el: "#app",
})

＆＃13;

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.16/vue.min.js"></script>
<div id="app">
  <div contenteditable="true" @keydown.enter.prevent>edit me</div>
</div>

＆＃13;

＆＃13;

＆＃13;