根据状态来判断是否显示按钮

***首先来看截图***在这里插入图片描述
在这里插入图片描述
根据状态来判断是否显示按钮_第1张图片
假如我们已经审核之后,就不能让这个按钮出现,所以接下来来看代码


重点就是那个v-if,我们来看看加了这个之后的效果(我的1是未审核)
看,按钮没了根据状态来判断是否显示按钮_第2张图片
以上就完成了按钮的显示和隐藏!
这个不只是可以实现按钮的隐藏,还能实现许多效果,比如字段的隐藏,比如我接下来的截图,就是根据状态来判断是否隐藏状态字段
来看看截图
这是没有状态的截图
根据状态来判断是否显示按钮_第3张图片
这是有状态字段的截图
根据状态来判断是否显示按钮_第4张图片
我们来看看代码截图
在这里插入图片描述
主要部分就是我框出来的。这里实现了状态的是否隐藏
在这里插入图片描述
这里实现了结果是否隐藏!
(完)

你可能感兴趣的:(vue)