vant/src/overlay

Overlay

Install

import { Overlay } from 'vant';

Vue.use(Overlay);

Usage

Basic Usage

<van-button
  type="primary"
  text="Show Overlay"
  @click="show = true"
/>

<van-overlay
  :show="show"
  @click="show = false"
/>

export default {
  data() {
    return {
      show: false
    }
  }
},

API

Props

Attribute	Description	Type	Default
show	Whether to show overlay	Boolean	false
z-index	z-index	`Number	String`
duration	Animation duration	`Number	String`
class-name	ClassName	String	-

Events

Event	Description	Arguments
click	Triggered when clicked	event: Event