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样式生效,我觉得还蛮灵活的这种方法。

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • Vue开发中Jwt的使用详解

    Vue开发中Jwt的使用详解

    Vue中使用JWT进行身份认证也是一种常见的方式,它能够更好地保护用户的信息,本文主要介绍了Vue开发中Jwt的使用详解,具有一定的参考价值,感兴趣的可以了解一下
    2023-12-12
  • vue中如何实现拖拽调整顺序功能

    vue中如何实现拖拽调整顺序功能

    这篇文章主要介绍了vue中如何实现拖拽调整顺序功能问题,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2023-05-05
  • vue3使用vuedraggable实现拖拽功能

    vue3使用vuedraggable实现拖拽功能

    这篇文章主要为大家详细介绍了vue3使用vuedraggable实现拖拽功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-04-04
  • vue前端实现打印下载示例详解

    vue前端实现打印下载示例详解

    这篇文章主要为大家介绍了vue前端实现打印下载示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-08-08
  • vue $set 实现给数组集合对象赋值

    vue $set 实现给数组集合对象赋值

    这篇文章主要介绍了vue $set 实现给数组集合对象赋值方式,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2021-07-07
  • axios解决高并发的方法:axios.all()与axios.spread()的操作

    axios解决高并发的方法:axios.all()与axios.spread()的操作

    这篇文章主要介绍了axios解决高并发的方法:axios.all()与axios.spread()的操作,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2020-11-11
  • vue关于this.$refs.tabs.refreshs()刷新组件方式

    vue关于this.$refs.tabs.refreshs()刷新组件方式

    这篇文章主要介绍了vue关于this.$refs.tabs.refreshs()刷新组件方式,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-03-03
  • 如何使用vue开发公众号网页

    如何使用vue开发公众号网页

    因为项目需要,近期做了一个公众号网页开发。在此期间也踩了一些坑,解决这些坑之后,准备对这个项目进行复盘。记录下项目从开发到上线所解决的问题,并对使用vue进行公众号开发的步骤进行一个总结。方便以后有问题进行查阅。希望对你有所帮助
    2021-05-05
  • Vue 自定义标签的src属性不能使用相对路径的解决

    Vue 自定义标签的src属性不能使用相对路径的解决

    这篇文章主要介绍了Vue 自定义标签的src属性不能使用相对路径的解决,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-09-09
  • vue中返回结果是promise的处理方式

    vue中返回结果是promise的处理方式

    这篇文章主要介绍了vue中返回结果是promise的处理方式,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-04-04

最新评论