概述
<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 el-button根据条件显示与隐藏所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复