vue动态添加下划线

给li设置样式li.done {text-decoration: line-through;color: red;}<li :class="{'done':todo.done}" xxxxxx/>todos: [{ text: '吃饭', done: false },{ text: '打游戏', done: false }...

qiuqiucatcat

10260人浏览 · 2019-09-06 00:15:39

qiuqiucatcat · 2019-09-06 00:15:39 发布

给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

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^