Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/vue.js/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Vue.js 在去盎司之前模拟加载旋转器_Vue.js_Vuejs2_Lodash_Es6 Promise_Debounce - Fatal编程技术网

Vue.js 在去盎司之前模拟加载旋转器

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

有人知道我如何在该方法中的解盎司之前执行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)
    }

创建另一个方法来更改此.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)
}

赏识奥利奥