如何在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
在恰当的时机选择显示该组件。