vue div/span等dom中内容可编辑(contenteditable)

在dom中加入contenteditable='true'即可

<span contenteditable='true'>123</span>

失去焦点时获取当前dom元素内的值

<span @blur='oneArtEditModalFunBlur($event)' contenteditable='true' >123</span>
      //失去焦点时获取内容
      oneArtEditModalFunBlur(id, index, code, dataType,event) {
        console.log('e',event.path[0].outerText)
      },

如果值不正确可以在event中找一下



posted @ 2022-04-06 17:03  从入门到入土  阅读(715)  评论(0编辑  收藏  举报