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

问题描述

问 题

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

例如圆圈转动

解决方案

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

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

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

jsFiddle

这篇关于vue.js - 如何在vue ajax加载数据的时候 呈现加载符号的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！