Vue.js 文本只显示在td元素中，而不显示在HTML中

我有一个table td元素，它只显示这个，我不需要它像那样显示，只需要作为一个空白

新Vue{ el:'app2'， 创建之前：函数{ }, 创建：函数{ }, 挂载：函数{}， 数据：{ 项目价格表：[]， 订单项目：[{ globalGroupName:-ABC }, { globalGroupName:-CDE }, { globalGroupName:--FGH }, { globalGroupName:-IJK }, { 全局组名：-LMN } ], 价目表：空 }, 方法：{ GetOrderItems:函数{ }, ReplaceDashesInGlobalGroups:functionglobalGroupName{ 如果globalGroupName[0]=-{ //删除前导破折号并替换为空白 console.logReplaceDashesInGlobalGroups； 返回globalGroupName。替换/-？！[a-zA-Z]|-？=\s |-/g'； } 返回globalGroupName； } } }; 全局名称 {{ReplaceDashesInGlobalGroupsglobal.globalGroupName} 试试这个：

现在应该将其呈现为HTML，而不仅仅是纯文本。注意，这会使您面临XSS攻击

资料来源：

更新元素的innerHTML。请注意，内容是插入的 作为普通HTML-它们不会编译为Vue模板。如果你 发现自己试图使用v-html编写模板，尝试重新思考 解决方案是使用组件代替

在您的网站上动态呈现任意HTML可能非常困难 危险是因为它很容易导致死亡。仅使用v-html 在受信任的内容上，而从不在用户提供的内容上

在中，范围样式将不应用于内容 在v-html内部，因为Vue的模板不处理该html 编译器。如果您想使用范围受限的CSS来定位v-html内容，您可以 可以改为使用CSS模块或其他全局元素 使用手动范围界定策略，如BEM

---

成功了，谢谢你的链接。我会接受答案，一旦我能够不担心，乐意帮助。我已将文档直接添加到我的答案中，以节省您的点击次数！