今天小编就为大家分享一篇在vue中动态添本文来源gaodai#ma#com搞*!代#%^码$网*加class类进行显示隐藏实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
如下所示：
<div class="status_button"> 查岗视频</div><!-- 查岗部分显示影藏 --><div class="check_button"> <ul class="cl"> <li>用xinhic</li><li>xin231</li></ul></div>
通过点击按钮进行显示隐藏
data() { return { flag: false, } }, methods: { getdata() { this.$axios.post('http://yapi.xxxxxxx').then( res => { console.log(res) }) }, checkSite() { this.flag = !this.flag } }
三元表达式需要写在数组中 点击按钮的时候需要改变flag的状态 这里的flag相当于一个开关
以上就是在vue中动态添加class类进行显示隐藏实例的详细内容，更多请关注gaodaima搞代码网其它相关文章！
搞代码网（gaodaima.com）提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接：在vue中动态添加class类进行显示隐藏实例
转载请注明原文链接：在vue中动态添加class类进行显示隐藏实例
