如何防止 Vue 组件上的默认标题设置？

Posted 2023-02-23

【中文标题】如何防止 Vue 组件上的默认标题设置？

【英文标题】：How to prevent default title setting on Vue Component?

【发布时间】：2019-01-02 06:53:42

【问题描述】：

我正在使用 Vue Material Design Icons ref，它们自动设置了标题属性 - 默认情况下，它是图标名称的人类可读形式，例如加号图标。因为这是直接从节点包导入的，所以我不想弄乱组件本身。我也知道我可以编写一些自定义 JS 来修复它，但我并不想这样做。

是否有在组件注册期间禁用标题属性的标准方法或以不增加性能成本或不需要任何拼凑代码的其他方式？

注意：如果可以这样做，我也在使用 Webpack。

【参考方案1】：

从您提供的链接中，该图标组件提供了一个道具，如果您不想使用默认值，您可以在其中将标题设置为您想要的任何内容。

道具

title - This changes the hover tooltip as well as the title shown to screen readers. By default, those values are a "human readable"

图标名称的转换；例如 chevron-down-icon 变为 “雪佛龙向下图标”。

Example:

<android-icon title="this is an icon!" />

【讨论】：

对 - 但如果我不设置它，它会自动设置它。我不想设置它。我想删除它。

那么将其设置为空字符串对您来说不是一个解决方案吗？

也许吧。但这需要大量额外的标记来撤消我一开始没有做的事情。我希望在构建期间有办法做到这一点。

您可以编写一个组件来包装图标的功能并将标题设置为空字符串，然后只使用您的自定义组件吗？