为什么放置到 <router-link> 的标签 <img> 默认会获得 CSS 属性“display:none !important”？如何避免这种情况？答案

【问题标题】：Why tag <img> placed to <router-link> gets by default CSS property "display:none !important"? How to avoid this?为什么放置到 <router-link> 的标签 <img> 默认会获得 CSS 属性“display:none !important”？如何避免这种情况？
【发布时间】：2017-08-03 21:47:40
【问题描述】：

为什么标签“IMG”放置到“router-link”标签，默认自动获取“display:none !important”CSS属性？我没有使用可以隐藏它的 CSS 样式。将“IMG”标签放在“A”标签内是否正确？ 如何避免这种情况？

<router-link to="#">
 <img src="https://pp.userapi.com/c625327/v625327331/33d5f/7rLtQQMckIA.jpg"     alt="test">
</router-link>

【问题讨论】：

标签： html css vue-router

【解决方案1】：

我想我找到了答案。问题出在我的浏览器中安装了我的 AddBlock 应用程序。我存储图像的文件夹的名称为“ad”，并且图像文件的名称包含相同的单词-“ad”。当我更改文件夹名称和图像文件名称时，问题就解决了。

标签“router-link”一直工作正常。

【讨论】：