How to add a loading icon while searching? (Vue.js 2)
My component is like this :
...
-
You simply need to attach it to a flag and use
v-if, if you're using vue resource, you can set theloadingflag to true in thebeforecallback and set it back tofalseafter you receive the response:Vue Instance
methods: { loadData() { this.$http.get('/search', { before: () => { this.loading = true; } }).then(response => { // Deal with response }).then(() => { //set loading flag to false this.loading = false; }) } }, data: { loading: false }HTML
Loading...Here's the JSFiddle: https://jsfiddle.net/hyeycoan/
加载中...
- 热议问题