import '@/element-ui' 怎么使用 '@/element-ui 中 Loading怎么使用
时间: 2024-05-09 20:18:08 浏览: 45
element-ui引入(自用)
你可以使用以下代码来使用 Loading 组件:
```
<template>
<div>
<el-button @click="showLoading">点击加载</el-button>
<el-button @click="hideLoading">点击关闭</el-button>
<div v-loading="loading"></div>
</div>
</template>
<script>
export default {
data() {
return {
loading: false
};
},
methods: {
showLoading() {
this.loading = true;
},
hideLoading() {
this.loading = false;
}
}
};
</script>
```
具体来说,当你点击“点击加载”按钮时,`showLoading` 方法会将 `loading` 变量设置为 true,这会触发 `v-loading` 指令的显示效果。同理,当你点击“点击关闭”按钮时,`hideLoading` 方法会将 `loading` 变量设置为 false,这会触发 `v-loading` 指令的隐藏效果。
希望这个代码片段对你有帮助!
阅读全文