我是靠谱客的博主 疯狂超短裙,这篇文章主要介绍Vue el-button根据条件显示与隐藏,现在分享给大家,希望可以做个参考。

         <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内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(153)

评论列表共有 0 条评论

立即
投稿
返回
顶部