vue+element UI 文字加下划线长度多出一点点的问题
更新时间：2022年08月10日 14:29:46 作者：spfLinux
这篇文章主要介绍了vue+element UI 文字加下划线长度多出一点点的问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
element UI 文字加下划线长度多出一点点
具体结构如下(el-table->el-table-column)
显示如下
经查，发现是代码写的不够严谨，导致后面出现了空隙(感觉不够一个空格)，把代码写成这样就好了：
另外，如果用原生html加css来写，对代码格式没有这种要求，也就是两种写法都可以。
vue动态添加下划线
给li设置样式
li.done {
text-decoration: line-through;
color: red;
}
<li :class="{'done':todo.done}" xxxxxx/>
todos: [
{ text: '吃饭', done: false },
{ text: '打游戏', done: false },
{ text: '睡觉', done: false }
]即若todo.done的值为true,li.done样式生效，我觉得还蛮灵活的这种方法。
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要为大家介绍了c++游戏教程使用easyx实现大飞机示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-08-08
Vue3.x的版本中build后dist文件中出现legacy的js文件问题
这篇文章主要介绍了Vue3.x的版本中build后dist文件中出现legacy的js文件问题及解决，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-07-07
Vue Mock.js介绍和使用与首页导航栏左侧菜单搭建过程
Mock.js是一个模拟数据的生成器，用来帮助前端调试开发、进行前后端的原型分离以及用来提高自动化测试效率，这篇文章主要介绍了Vue Mock.js介绍和使用与首页导航栏左侧菜单搭建,需要的朋友可以参考下2023-09-09
这篇文章主要为大家详细介绍了基于vue实现多引擎搜索及关键字提示的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-03-03
面包屑导航栏是一种用户界面组件,用于展示用户在网站或应用中的路径,它包括了从主页到当前页面的链接序列,有助于用户快速了解和导航至上级页面,本文就来介绍一下Element-UI组件实现面包屑导航栏的示例代码,感兴趣的可以了解一下2024-09-09
详解VS Code使用之Vue工程配置format代码格式化
这篇文章主要介绍了详解VS Code使用之Vue工程配置format代码格式化，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-03-03
这篇文章主要介绍了新手入门vue 使用vue-cli创建项目的图文教程，本文是针对完全不了解过vue和npm的小白而写的,需要的朋友可以参考下2018-05-05
这篇文章主要介绍了Vue动态加载ECharts图表数据的方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-07-07
这篇文章主要介绍了element-ui动态限定的日期范围选择器代码片段，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-07-07
vue项目中在外部js文件中直接调用vue实例的方法比如说this
这篇文章主要介绍了vue项目中在外部js文件中直接调用vue实例的方法比如说this,需要的朋友可以参考下2019-04-04
最新评论