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);
},

猜你喜欢

转载自blog.csdn.net/weixin_43932590/article/details/117227252