Element Mobile Demo

HTML

<script src="//unpkg.com/vue/dist/vue.js"></script>
<script src="//unpkg.com/[email protected]/dist/element-mobile.js"></script>
<em-app id="app">
  <em-button @click="confirm">Confirm</em-button>
</em-app>

SCSS

@import url("//unpkg.com/[email protected]/dist/element-mobile.css");

Babel + JSX

new Vue({
	created () {
  document.addEventListener('visibilitychange', () => {
      console.log('>>>>>>', document.visibilityState)
       if (document.visibilityState === 'visible') {
       	this.confirm()
       }
    })
  },
  methods: {
    confirm() {
      this.$msgbox.confirm('确定删除此文件？', '提示', {
        beforeClose: (action, instance, done) => {
          if (action !== 'confirm') {
            done()
          }
        }
      })
    }
  }
}).$mount('#app')