css div li等等设置disabled属性实现置灰效果
默认情况下,div这种是没有disabled属性,没有不能点击的效果的,所以需要换个思路,增加disabled样式,如果生效的话置灰。同时要设置onClick方法,如果置灰的时候返回。
·
默认情况下,div这种是没有disabled属性,没有不能点击的效果的,所以需要换个思路,增加disabled样式,如果生效的话置灰
<li
v-for="item in data"
:key="item.label"
:class="{'item':true, disabled: item.disabled }"
@click="onClick(item)"
>
<span>{{ item.label }}</span>
</li>
样式:
.item{
&.disabled {
cursor: not-allowed;//不能点击的效果
color: #cfd0d3;//置灰的颜色
}
}
同时要设置onClick方法,如果置灰的时候返回
更多推荐
已为社区贡献7条内容
所有评论(0)