关于#vue&css#的问题，如何解决？(标签-编辑器)

各位好
我遇到了个小问题
使用vue的时候我想要做出一个效果
但是我试了挺多方式的呈现不出来
我用了一个div给了contenteditable的属性让他成一个编辑器
我想预设他本身是单行呈现的感觉
当字超出宽度范围需要换行时自动将这个div的height强制变为180px(预设原先为24px)
然后再超出180px的话就生成scrollBar
想请各位给我指点一下
感谢

img

<div
  contenteditable:""
  style="width="24px"
>
  输入文字输入文字 输入文字
</div>

css就能实现，overflow配合scrollbar
https://www.tonggao001.com/edu/2419.html

不知道你这个问题是否已经解决, 如果还没有解决的话:

如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^