您现在的位置是：网站首页> 编程资料编程资料

vue+element UI 文字加下划线长度多出一点点的问题_vue.js_

2023-05-24 333人已围观

简介 vue+element UI 文字加下划线长度多出一点点的问题_vue.js_

element UI 文字加下划线长度多出一点点

具体结构如下(el-table->el-table-column)

显示如下

经查，发现是代码写的不够严谨，导致后面出现了空隙(感觉不够一个空格)，把代码写成这样就好了：

另外，如果用原生html加css来写，对代码格式没有这种要求，也就是两种写法都可以。

vue动态添加下划线

给li设置样式

li.done {       text-decoration: line-through;       color: red;     } 
  •      todos: [   { text: '吃饭', done: false },   { text: '打游戏', done: false },   { text: '睡觉', done: false } ]

    • 即若todo.done的值为true,li.done样式生效，我觉得还蛮灵活的这种方法。

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

    您可能感兴趣的文章:

    上一篇：el-form的model、prop属性和表单校验等使用_vue.js_

    下一篇：react-router-dom6(对比 router5)快速入门指南_React_

    相关内容

    点击排行

    本栏推荐

    猜你喜欢

    -六神源码网