npm install z-loading -S
import Vue from 'vue';
import zloading from 'z-loading';
import 'z-loading/dist/z-loading.css';
Vue.use(zloading);
For more information, please refer to Quick Start 快速开始 in documentation.
Modern browsers and Internet Explorer 10+.
<template>
<button @click="clickHandle1">Start</button>
</template>
<script>
export default {
methods: {
clickHandle1 () {
this.$zLoading.open();
setTimeout(() => {
this.$zLoading.close();
}, 3000);
}
}
};
</script>
<template>
<div v-zLoading="isLoading">
<button @click="isLoading = true">Start</button>
</div>
</template>
<script>
export default {
data () {
return {
isLoading: false
};
}
};
</script>
let timeout = 3000;
window.ZLoading.open().close(timeout);