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

时间:2018-07-25 12:40:22

标签: html vue.js vuejs2 vue-component

我正在使用Vue材质设计图标ref,并且它们会自动设置标题属性-默认情况下,它是图标名称的人类可读形式,例如加号图标。因为这是直接从Node Package中导入的,所以我不想弄乱组件本身。我也知道我可以写一些自定义的JS来修复它,但是我真的不想这么做。

是否存在一种标准的方法来在组件注册期间禁用标题属性或以其他方式禁用标题属性,而不会增加性能成本或不需要任何拼凑的代码?

注意:如果可以这样做,我也正在使用Webpack。

1 个答案:

答案 0 :(得分:0)

在您提供的链接中,该图标组件提供了一个道具,您可以在该标题中将标题设置为所需的名称(如果您不想使用默认值)。

  

道具

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!" />