                        课程
                    
                        /前端开发
                        
                            /Vue.js
                        
                        /vue.js入门基础

为什么我把isFinished设置为false，不会出现下划线？？

<ul>
  <li v-for="item in items" v-bind:class="{finished:item.
  isFinished}" v-on:click="toggleFinish">
    {{item.label}}
  </li>
</ul>

 items:[
    {
      label:'coding',
      isFinished:false
    },
    {
    label:'walking',
    isFinished:false
    }],
    liclass:"this is liclass"
  }
},

qq_siblings_0

2018-07-11

源自：vue.js入门基础 2-2

关注问题我要回答

2252

操作

收起

4 回答

有意思3
2018-08-29

finished样式没写吧，true的时候才显示下划线。

0 回复有任何疑惑可以回复我~

慕尼黑1476765
2018-08-17

你设置isFinished的值为false了，false是假，也就是让它的text-decoration:underline;这个样式不显示。

0 回复有任何疑惑可以回复我~

慕后端5221551
2018-07-13

isFinished是一个布尔值，v-bind:class="{finished:item.isFinished}" 这个的意思是，
如果isFinished 的值为true ，则执行样式.finished,
如果isFinished 的值为false，则不执行样式.finished；
finished，是一个 css样式

0 回复有任何疑惑可以回复我~

悬壶行者
2018-07-11

你设置成false,意思是未完成，当然是没有下划线的。

设置成true ，显示的数据里面的class有了finished 字段，自然就有了下划线

0 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

vue.js入门基础

参与学习 209707 人
解答问题 677 个

本门为vuejs入门教程，详细的讲解加实战，可以帮你进入vuejs的大门

为什么我把isFinished设置为false，不会出现下划线？？

我要回答关注问题

意见反馈帮助中心 APP下载