其他分享
首页 > 其他分享> > toggle - vue 点击组件弹出组件(学习笔记)

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,DropDown,dropdown,isShow,toggle,组件
来源: https://blog.csdn.net/weixin_44339536/article/details/114307742