首页 > 如何在vue ajax加载数据的时候 呈现加载符号

如何在vue ajax加载数据的时候 呈现加载符号

如何在vue ajax加载数据的时候 呈现加载符号

例如圆圈转动


可以在 data 裡面設置個 flag 代表是否開啟讀取條,例如 loading

<div v-show="loading" class="loading">讀取中</div>

這樣就可以讓讀取條根據 loading 來顯示隱藏,至於時機就是在呼叫 ajax 請求loading = true,完成或是失敗時 loading = false

jsFiddle


推荐给你一个vue组件vue-spinner

这里看Demo

至于在ajax请求加载数据的时候才呈现此效果的话,就很好控制了。

用一个Boolean类型的data控制,配合v-if在恰当的时机选择显示该组件。

【热门文章】
【热门文章】