Element 中使用加载动画

讨论社区 / 日志 / 帖子详情

Element 中使用加载动画

2022-10-08 17:22:18

262

{{single.collect_count}}

<script>// 1.引入动画组件import { Loading } from 'element-ui';export default {name:"index",data() {return {// 2.定义实例 loadingInstance:null,list:[]};},methods: {getData(){// 3. 生成动画this.loadingInstance = Loading.service({// 动画中的文字text:'加载中',// 要加载动画的容器target:'.app-container'});this.$http.get('index').then((result) => {if(res.code==10000){this.list = result.data;// 4. 请求完成后关闭动画this.loadingInstance.close();}});}}};</script>

上一页：element-ui iconfont乱码问题处理

下一页：Vue + Element 实现导入导出Excel

回帖

全部回帖（{{commentCount}}）

{{item.user.nickname}}

{{item.user.group_title}}

{{item.friend_time}}

{{item.content}}

{{item.like > 0 ? item.like : '点赞'}} {{item.comment_content_show ? '取消' : '回复'}} 删除

回帖

{{reply.user.nickname}}

{{reply.user.group_title}}

{{reply.friend_time}}

{{reply.content}}

{{reply.like > 0 ? reply.like : '点赞'}} {{reply.comment_content_show ? '取消' : '回复'}} 删除

回帖

收起

没有更多啦~

{{commentLoading ? '加载中...' : '查看更多评论'}}

一个专属于OneKeyAdmin的技术交流平台，记录OneKeyAdmin开发者的成长与进步。

主题帖

6222

回帖数

147

{{userInfo.describe}}

文章

{{blog_count}}

回帖

{{blog_comment_count}}

收藏

{{blog_collect_count}}

文章

-

评论

-

粉丝

-

1 gitlab中国官方网站

2 攻入网站后台的方法

3 Yandex企业邮箱注册

4 WordPress Rest API 入门详解

5 Thinkphp5.0 获取新增数据的ID

6 thinkphp5 解决跨域问题

7 Thinkphp6 的 where 查询条件 and 和 or 的操作

8 PHP的exec()函数用法详解

9 Vue3官网使用及简介

10 thinkphp6配置连接微软的sqlserver数据库