Vuejs阻止在contenteditable中添加新行

Question

如何防止Enter在contenteditable div中添加新行.我试过@ keyup.enter.prevent但它没有用.还试过@ keyup.enter.prevent&@ keyup.enter.stop.prevent但没有运气.

Answer 1

你需要keydown相反,当你到达keyup任何键,你压到输入端的浏览器已经插入事件.

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

<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>