toggle - vue 点击组件弹出组件(学习笔记)
作者:互联网
toggle - vue 点击组件弹出组件
- burger icon绑定事件
@click="toggle()"
- 写toggle方法
methods:{
toggle: function () {
this.isShow=!this.isShow
}
}
- 在data中增加默认值
data(){
return{
isShow:false
}
},
- 引入dropdown组件(已写好)
import DropDown from '../components/dashboard/DropDown.vue'
- 在template里添加dropdown组件
<div v-if="isShow"><DropDown /></div>
v-if进行条件判断 - scss调整dropdown样式
标签:vue,DropDown,dropdown,isShow,toggle,组件 来源: https://blog.csdn.net/weixin_44339536/article/details/114307742