如何在工具提示中自动换行

<div id="toolTip">
  <span>这是一个工具提示示例。</span>
  <br>
  <span>这是一个工具提示示例。</span>
</div>

#toolTip {
  white-space: pre-wrap;
  word-wrap: break-word;
}

document.getElementById("toolTip").textContent = "这是一个工具提示示例。\n这是一个工具提示示例。";

<template>
  <div>
    <ToolTip :text="toolTipText" />
  </div>
</template>

<script>
export default {
  data() {
    return {
      toolTipText: "这是一个工具提示示例。这是一个工具提示示例。"
    };
  }
}
</script>