欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

Vue + elementUi:v-loading使用

程序员文章站 2022-06-07 22:46:25
...

记录一下v-loading="tableloading"使用
在table数据渲染时使用,HTML中添加:

v-loading=“tableloading”

<el-table
          ref="dynamictable"
          :data="form.coldata"
          v-loading="tableloading"
          tooltip-effect="dark"
          style="width: 100%"
          max-height="250"
          @select="handleSelectionChange"
          @select-all="selectAll"
        >

data中定义:

tableloading: false

在调用接口加载table数据时:
methods方法中:

initData () {
      this.tableloading = true;
        request({
          url: "/",
          method: "get",
          params: ''
        }).then(resp => {
          if (resp.success) {
            console.log(resp)
          } else {
            this.tableloading = false;
            this.$message({ type: "error", message: resp.message });
          }
        });
      }
    },
相关标签: vue.js javascript