toggle - vue 点击组件弹出组件（学习笔记）

toggle - vue 点击组件弹出组件

1. burger icon绑定事件 @click="toggle()"
2. 写toggle方法

 methods:{
    toggle: function () {
      this.isShow=!this.isShow  
      }
  }

3. 在data中增加默认值

data(){
    return{
        isShow:false
    }
  },

4. 引入dropdown组件（已写好）

   import DropDown from '../components/dashboard/DropDown.vue'

5. 在template里添加dropdown组件
   <div v-if="isShow"><DropDown /></div> v-if进行条件判断
6. scss调整dropdown样式

标签：vue,DropDown,dropdown,isShow,toggle,组件
来源： https://blog.csdn.net/weixin_44339536/article/details/114307742