vue div ontenteditable="true" 绑定值

html:

<div
            contenteditable="true"
            :class="show_placeholder ? 'noText' : ''"
            class="textarea"
            placeholder="分享您的品牌动态..."
            @blur="post_text = $event.target.innerHTML"
            @input="handleInputEvent"
            v-html="post_text"
          ></div>

js:

data:
  show_placeholder: true,
  post_text: '',

methods:
   handleInputEvent(event) {
      this.show_placeholder = event.target.innerHTML === ''
    }

css:

.noText {
          &:before {
            content: attr(placeholder);
            color: #555;
            font-size: 12px;
            font-weight: 100;
          }
        }