Bootstrap—点击按钮控制div隐藏和显示的切换（图文详情）

Bootstrap—点击按钮控制div隐藏和显示的切换

第一步：bootstrap有一个open类用来控制隐藏和显示，动态获取open是true还是false，并且点击按钮让toggle的true和false来回切换

 

 // open动态获取toggle到底是true还是false
        
        // 让true和false来回切换
            {{username}}
        
        

            
退出
        
    

第二步：让toggle等于false，让下面的退出按钮隐藏起来

    data () {
	    return {
		    toggle: false,
		    // 刚开始让open是false，隐藏退出这个div
	    }
    },

刚开始是false，所以退出这个div是隐藏的，
点击之后是true，所以显示退出
再次点击又是false，所以又隐藏。。。。