為什么我把isFinished設(shè)置為false，不會(huì)出現(xiàn)下劃線？？
<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"
??}
},
2018-08-29
finished樣式?jīng)]寫吧，true的時(shí)候才顯示下劃線。
2018-08-17
你設(shè)置isFinished的值為false了，false是假，也就是讓它的text-decoration:underline;這個(gè)樣式不顯示。
2018-07-13
isFinished是一個(gè)布爾值，v-bind:class="{finished:item.isFinished}"?這個(gè)的意思是， 如果isFinished?的值為true?，則執(zhí)行樣式.finished, 如果isFinished?的值為false，則不執(zhí)行樣式.finished； finished，是一個(gè)?css樣式2018-07-11
你設(shè)置成false,意思是未完成，當(dāng)然是沒有下劃線的。
設(shè)置成true ， 顯示的數(shù)據(jù)里面的class有了finished 字段，自然就有了下劃線