***首先来看截图***在这里插入图片描述
假如我们已经审核之后,就不能让这个按钮出现,所以接下来来看代码
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submit" size="mini" v-if="form.status === 1">提交</el-button>
</div>
重点就是那个v-if,我们来看看加了这个之后的效果(我的1是未审核)
看,按钮没了
以上就完成了按钮的显示和隐藏!
这个不只是可以实现按钮的隐藏,还能实现许多效果,比如字段的隐藏,比如我接下来的截图,就是根据状态来判断是否隐藏状态字段
来看看截图
这是没有状态的截图
这是有状态字段的截图
我们来看看代码截图
主要部分就是我框出来的。这里实现了状态的是否隐藏
这里实现了结果是否隐藏!
(完)