绑定加载状态介绍
绑定加载状态与绑定点击事件类似,生成之后的代码指令为:loading,当然也不是所以组件都有这个属性。一般用于按钮,表格的加载等。
最常用的就是点击按钮之后调用接口,接口数据未返回则按钮一直处于加载中的状态,也就是这个loading的值为true。加载中状态按钮则是不可点击状态,防止频繁请求数据,防止按钮抖动。
使用步骤
- 在属性面板中 交互绑定->加载状态loading 下方输入要加载的字段
(图1) - 生成之后的代码为
<el-button @click="testClick()" :loading="isLoading">确定</el-button>