router-link去掉下划线 文心快码BaiduComate 在Vue.js框架中,使用<router-link>组件进行页面路由跳转时,该组件会被渲染成一个<a>标签。因此,如果你想去除<router-link>生成链接的下划线,实际上你需要对渲染后的<a>标签进行样式设置。以下是几种实现方法: 1. 全局CSS样式设置 你可以...
1、设置router-link的样式 text-decoration: none; 1. 2、效果展示
去掉router-link的下划线 在 <style>a{ text-decoration: none; color:#606266; }//点击之后.router-link-active{ text-decoration: none; color:#606266; }</style>
textDecoration: 'none' 在孩子中使用,实际上它应该在里面使用 <Link> 这样: <Link to="first" style={{ textDecoration: 'none' }}> <MenuItem style={{ paddingLeft: 13 }}>Team 1</MenuItem> </Link> <Link> 基本上会返回一个标准 <a> 标签,这就是我们在那里应用 textDecoration 规则的原因。
我有以下内容: 我如何摆脱蓝色下划线? 代码如下: <Link to="first"><MenuItem style={{paddingLeft: 13, textDecoration: 'none'}}> Team 1 </MenuItem></Link> MenuItem 组件来自 http://www.material-ui.com/#/components/menu 原文由 Jo Ko 发布,翻译遵循 CC BY-SA 4.0 许可协议 javascript...
我有以下内容: 我如何摆脱蓝色下划线? 代码如下: <Link to="first"><MenuItem style={{paddingLeft: 13, textDecoration: 'none'}}> Team 1 </MenuItem></Link> MenuItem 组件来自 http://www.material-ui.com/#/components/menu 原文由 Jo Ko 发布,翻译遵循 CC BY-SA 4.0 许可协议 javascript...
我有以下内容: 我如何摆脱蓝色下划线? 代码如下: <Link to="first"><MenuItem style={{paddingLeft: 13, textDecoration: 'none'}}> Team 1 </MenuItem></Link> MenuItem 组件来自 http://www.material-ui.com/#/components/menu 原文由 Jo Ko 发布,翻译遵循 CC BY-SA 4.0 许可协议 javascript...