有谁知道如何在该方法中的反跳之前执行 this.isLoading = true ?
它应该是一个加载旋转器,当通过 axios 进行异步调用时,它将被动画化。
methods: {
searchAdminUsers: _.debounce(function(query) {
this.isLoading = true
axios.get('api/searchEmployees?format=json', { params: { q:query } })
.then(response => {
let data = response.data.map(item => (
{ text: `${item.FIRSTNAME} ${item.LASTNAME} - ${item.POSITION}`, id: item.ID }
))
this.options = data
this.isLoading = false
})
.catch(error => {
console.log(error)
})
}, 250)
}
最佳答案
创建另一个方法来更改 this.isLoading
,并调用 debounces 方法。
methods: {
wrapSearchAdminUsers(query) {
this.isLoading = true
this.searchAdminUsers(query)
}
searchAdminUsers: _.debounce(function(query) {
axios.get('api/searchEmployees?format=json', { params: { q:query } })
.then(response => {
let data = response.data.map(item => (
{ text: `${item.FIRSTNAME} ${item.LASTNAME} - ${item.POSITION}`, id: item.ID }
))
this.options = data
this.isLoading = false
})
.catch(error => {
console.log(error)
})
}, 250)
}
关于vue.js - 在去抖之前模拟加载旋转器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46725110/