<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
:style="{ display: scope.row.deleted==1?'none':'' }"
> {{ scope.row.deleted == 0 ? '冻结' : '解除冻结' }} </el-button>

需求是按照delete的值来判断为冻结或者解除冻结,但是有个情况是deleted=1时不显示这个按钮
:style="{ display: scope.row.deleted==1?'none':'' }" 控制按钮是否隐藏
{{ scope.row.deleted == 0 ? '冻结' : '解除冻结' }} 控制按钮显示的样式
最后
以上就是疯狂超短裙最近收集整理的关于Vue el-button根据条件显示与隐藏的全部内容,更多相关Vue内容请搜索靠谱客的其他文章。
本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
发表评论 取消回复