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>