Element 中使用加载动画

代码语言：javascript复制

<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 动画

0 人点赞