Vue.js 在去盎司之前模拟加载旋转器
有人知道我如何在该方法中的解盎司之前执行this.isLoading=true吗 它应该是一个加载微调器,当通过axios进行异步调用时,该微调器将设置动画Vue.js 在去盎司之前模拟加载旋转器,vue.js,vuejs2,lodash,es6-promise,debounce,Vue.js,Vuejs2,Lodash,Es6 Promise,Debounce,有人知道我如何在该方法中的解盎司之前执行this.isLoading=true吗 它应该是一个加载微调器,当通过axios进行异步调用时,该微调器将设置动画 methods: { searchAdminUsers: _.debounce(function(query) { this.isLoading = true axios.get('api/searchEmployees?format=json', { p
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)
}
创建另一个方法来更改此.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)
}
创建另一个方法来更改此.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)
}
赏识奥利奥