[Vue知识]1.vux 使用 loading 组件

Vue中的前端组件Vux
官方文档demo
https://doc.vux.li/zh-CN/components/loading.html

1. 局部引入

   import { Loading } from 'vux'
   
   export default {
     components: {
       Loading
     }
   }
   

2. 全局引入(main.js)
   // 在入口文件全局引入

   import Vue from 'vue'
   import { Loading } from 'vux'
   
   Vue.component('loading', Loading)
   

3.官方Demo

	 // 显示
	this.$vux.loading.show({
		text: 'Loading'
	})

	// 隐藏
	this.$vux.loading.hide()

	// 获取显示状态
	this.$vux.loading.isVisible() // true or false, v2.9.1 版本支持

4.实际Demo（使用局部引入）

1. 在login.vue文件中引入组件
   

2. 在模版底部添加 组件（需要添加到 template>div 标签里）
   

3.>通过控制 showLoading 变量 和 loadText 变量即可控制 Loading 组件

效果图

参考博客：https://www.cnblogs.com/tujia/p/6527653.html