Vue3模板属性字符串插值含引号问题：tooltip传参报错TypeError

我尝试让buildAbbrToolTip()方法调用column.m_parse_hi的动态数据，在tooltip中显示缩写的正确文本定义，但控制台提示TypeError: key is undefined。已知将column.m_parse_hi替换为'VAI'时方法可正常运行，推测需为column.m_parse_hi添加引号作为字符串字面量传入，但不知如何在属性中实现。

模板代码 #

<abbr
  class="analysis row text-secondary text-nowrap"
  v-b-tooltip.hover
  :title="buildAbbrTooltip(column.m_parse_hi)"
>
  {{ column.m_parse_hi }}
</abbr>

方法实现 #

buildAbbrTooltip(key) {
  if (this.abbreviations.hasOwnProperty(key)) {
    return this.abbreviations[key];
  } else {
    let substrings = key.split(/[' ',(,),>]/);
    let newString = "";

    for (let i = 0; i < substrings.length; i++) {
      if (this.abbreviations[substrings[i]] === undefined) {
        newString += " ";
      } else {
        newString += this.abbreviations[substrings[i]];
      }
    }
    return newString;
  }
}

内容的提问来源于stack exchange，提问作者Holden