首页element-loading-spinner 怎么使用

element-loading-spinner 怎么使用

时间: 2023-07-31 14:10:16 浏览: 251

element-loading-spinner 是 Element UI 中的一个组件，用于显示页面加载动画。使用方法如下： 1. 在需要使用的页面中，引入 Element UI： ```html <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"> <script src="https://unpkg.com/vue/dist/vue.js"></script> <script src="https://unpkg.com/element-ui/lib/index.js"></script> ``` 2. 在需要显示加载动画的位置，添加 element-loading-spinner 组件： ```html <el-loading-spinner :visible="true"></el-loading-spinner> ``` 其中，`:visible="true"` 表示加载动画是否可见，可以根据需要修改。完整代码示例： ```html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>element-loading-spinner 示例</title> <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"> <script src="https://unpkg.com/vue/dist/vue.js"></script> <script src="https://unpkg.com/element-ui/lib/index.js"></script> </head> <body> <div id="app"> <el-loading-spinner :visible="true"></el-loading-spinner> </div> <script> new Vue({ el: '#app' }) </script> </body> </html> ```

阅读全文