样式三元表达式

<el-tag :type="tagData === 'all' ? '' : 'warning'" effect="dark" @click="toggleTag('all')">全部</el-tag>
<el-tag :type="tagData === 'undone' ? '' : 'warning' " @click="toggleTag('undone')" effect="dark">未完成</el-tag>
<el-tag :type="tagData === 'done' ? '' : 'warning' " @click="toggleTag('done')" effect="dark">完成</el-tag>  
如果 toggleTag事件 传递给 tagData 的参数是 与判断的一致, 那么 type等 '' 如果不一致 则等于 warning

猜你喜欢

转载自www.cnblogs.com/maxiag/p/13380232.html