toggle - vue 点击组件弹出组件(学习笔记)

toggle - vue 点击组件弹出组件

  1. burger icon绑定事件 @click="toggle()"
  2. 写toggle方法
 methods:{
    toggle: function () {
      this.isShow=!this.isShow  
      }
  }
  1. 在data中增加默认值
data(){
    return{
        isShow:false
    }
  },
  1. 引入dropdown组件(已写好)
   import DropDown from '../components/dashboard/DropDown.vue'
  1. 在template里添加dropdown组件
    <div v-if="isShow"><DropDown /></div> v-if进行条件判断
  2. scss调整dropdown样式
上一篇:vue的toast组件封装


下一篇:Vue class与style绑定