zLoading是Vue.js 2组件,用于创建可自定义的加载指示器。
# NPM
$ npm install z-loading --save
<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>