drawerlayout

a vue.js drawer with more function for vue2.x

A Vue.js project

demo

online-demo

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

	<!-- drawer-->
    <drawer 
    :show="drawerShow" 
    :pos="pos" :tran="tran"
    @change-show="changeDrawerShow">
    <!-- drawerlayout with slot="drawer"-->
      <div class="layout" slot="drawer" >
        <h2><a href="#">bajian drawer</a></h2>
        <ul>
          <li v-for="item in navItems"><a href="#{{item}}">{{item}}</a></li>
        </ul>
      </div>
      <!-- page content -->
      <button v-on:click="directionFlip">directionChange</button><br><br>
      <button v-on:click="tranFlip">tranChange</button><br><br>
      <button v-on:click="drawerToggle">toggle</button>
    </drawer>


    changeDrawerShow(state) {
      this.drawerShow=state;
    }

Api

Properties

For detailed explanation on how things work, checkout the guide and docs for vue-loader.