vue实现导航收缩框

本文实例为大家分享了vue实现导航收缩框的具体代码，供大家参考，具体内容如下

代码：

在路由出口页面
   
  methods:{
    // 接收子组件leftnav的值 进行宽度动态化
    isCollapse(val){
      console.log("父组件",val);
      if(val===false){
          this.asidewidth="180px"
      }else{
        this.asidewidth="60px"
      }
    }
  }

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。