css div li等等设置disabled属性实现置灰效果

默认情况下，div这种是没有disabled属性，没有不能点击的效果的，所以需要换个思路，增加disabled样式，如果生效的话置灰

<liv-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方法，如果置灰的时候返回

css div li等等设置disabled属性实现置灰效果相关推荐

当使用easyui时，jquery的设置disabled属性方法失效
功能:选择未受洗,设置受洗时间,教堂选项 disabled 步骤: 使用了常规的jquery的方法 //两种方法设置disabled属性$('#areaSelect').attr("disa ...
使用jQuery设置disabled属性与移除disabled属性
Readonly只针对input和textarea有效,而disabled对于所有的表单元素都有效,下面为大家介绍下使用jQuery设置disabled属性表单中readOnly和disabled的 ...
两种方法设置disabled属性
两种方法设置disabled属性 //两种方法设置disabled属性 $('#fileup').attr("disabled",true); $('#fileup').attr( ...
s和jquery设置disabled属性为true使按钮失效
if(cc/tr < lv){var f = confirm("生产良率小于管控良率,请确认是否提交?");if(f){$('#submit').attr("val ...
jquery设置disabled属性的方法
//两种方法设置disabled属性 $('#areaSelect').attr("disabled",true); $('#areaSelect').attr("dis ...
html移除disabled属性,使用jQuery设置disabled属性与移除disabled属性
表单中readOnly和disabled的区别: Readonly只针对input(text/ password)和textarea有效,而disabled对于所有的表单元素都有效,包括select, ...
js和jq设置disabled属性与移除disabled属性
js操作: 代码如下: function disableElement(element,val){document.getElementById(element).disabled=val;} jQu ...
jQuery设置disabled属性与移除disabled属性
话不多说直接上代码! //设置disabled属性(两种方法) $('#areaSelect').attr("disabled",true); $('#areaSelect').a ...
css table表格相关设置和属性
css table表格相关设置和属性文章目录 css table表格相关设置和属性前言一.表格结构二.使用行内样式控制表格样式 1.属性 2.使用css控制表格的样式前言记录表格的结构,属 ...

css div li等等设置disabled属性实现置灰效果

css div li等等设置disabled属性实现置灰效果相关推荐

最新文章

热门文章