VUE:quill富文本，鼠标悬停时没有提示

quill版本1.3.7

xxx.vue

<script>
export default {
  data() {
    return {
      tooltips: [
        { choice: '.ql-bold', title: '加粗' },
        { choice: '.ql-italic', title: '斜体' },
        { choice: '.ql-underline', title: '下划线' },
        { choice: '.ql-header', title: '段落格式' },
        { choice: '.ql-strike', title: '删除线' },
        { choice: '.ql-blockquote', title: '块引用' },
        { choice: '.ql-code', title: '插入代码' },
        { choice: '.ql-code-block', title: '插入代码段' },
        { choice: '.ql-font', title: '字体' },
        { choice: '.ql-size', title: '字体大小' },
      ],
    }
  },
  mounted() {
    // 清空富文本默认值
    docuemnt.getElementsByClassName('.ql-toolbar')[0].placeholder = ''
    // 遍历添加提示
    for (let item of this.tooltips) {
      let tip = document.querySelector('.ql-toolbar ' + item.choice)
      if (!tip) {
        continue
      }
      tip.setAttribute('title', item.title)
    }
  },
}
</script>