vue elementUI中指定div加载状态

<el-button type="primary" size="mini" @click="openLoading">查询</el-button>

<el-card id="mian" shadow="never" style="border: none;height:400px;" v-if="listQuery.page===1" ><div id="tag" style="width: 96%;"><el-tag style="margin-right: 20px; margin-top: 20px" v-for="item in basicKpi.other" :key="item.id">{{item.name}}: {{item.result}}</el-tag></div>
</el-card>

openLoading() {const loading = this.$loading({target:'#mian',lock: false,text: 'Loading',spinner: 'el-icon-loading',background: 'rgb(255, 255, 255)'});setTimeout(() => {loading.close();}, 2000);
},

vue elementUI中指定div加载状态相关推荐

vue+elementui 中src动态加载图片的时候不起作用
vue+elementui 中src动态加载图片的时候不起作用代码如下: <el-table-column align="center" label="宠物图片& ...
vue项目中 img标签加载失败方法，onerror事件的两种方法
vue项目中 img标签加载失败方法 ?css 第一种方法第二种方法本人写的第一篇文章,希望对你有帮助第一种方法 < img src="123" :οnerrοr=&q ...
vue项目中 img标签加载失败(404)方法，@error事件
vue项目中 img标签加载失败方法,@error事件 @error="defImg" <img src="123" @error="defIm ...
Web前端笔记-vue cli中使用echarts加载geo地图
效果是这样的: 此处是使用echarts加载geo地图. 这里简单说下逻辑: 首先npm下个包: npm install echarts 然后用个vue组件封装下. 如下代码: <templat ...
js跳转新页面，指定div加载新页面
1.在当前页面上跳转新页面 window.open('#要载入的界面'); window.open('graphReportController.do?list&id=dzdxz'); win ...
vue项目中 img标签加载图片失败，让其显示默认图片
<img src="123" @error="defImg" alt="" width="150" > 可以 ...
Vue中使用Openlayers加载Geoserver发布的TileWMS时单击获取shp文件的坐标信息
场景 Vue中使用Openlayers加载Geoserver发布的TileWMS: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/ ...
Vue中使用Openlayers加载Geoserver发布的TileWMS
场景 Openlayers下载与加载geoserver的wms服务显示地图: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/114 ...
Vue中使用Openlayers加载Geoserver发布的ImageWMS
场景 Openlayers下载与加载geoserver的wms服务显示地图: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/114 ...

vue elementUI中指定div加载状态

vue elementUI中指定div加载状态相关推荐

最新文章

热门文章