изменить vue компонентный метод

Question

В моем проекте я установил vue -picture-input , но мне нужно изменить метод в PictureInput. vue:

preloadImage (source, options) {

  ... code ...

  let headers = new Headers()
  headers.append('Accept', 'image/*')
  fetch(source, {
    method: 'GET',
    mode: 'cors',
    headers: headers
  })

  ...code..

}

Мне нужно добавить заголовок в запросе Как я могу его расширить / переопределить?

в моем основном. js Я открываю vue как:

new Vue({
 router,
 store,
 vuetify,
 render: h => h(App)
}).$mount('#app')

Answer 1

Я нашел это!

Мне нужно расширить компонент, в моем основном я установил:

import PictureInput from "vue-picture-input";

Vue.component('PictureInput', PictureInput);
const newPictureInput = Vue.component('PictureInput').extend({
  methods: {
    preloadImage (source, options) {

      ...code...

      let headers = new Headers()
      headers.append('Accept', 'image/*')
      headers.append(newHeader)
      fetch(source, {
        method: 'GET',
        mode: 'cors',
        headers: headers
      })

     ...code...

    }
  }
});

Vue.component('newPictureInput', newPictureInput);

new Vue({
  router,
  store,
  vuetify,
  render: h => h(App)
}).$mount('#app')

И это сработало!

Answer 2

Вы не можете переопределить методы в других компонентах сборки. Вы можете сделать форк этого компонента, изменить его метод и затем построить его. Или, если этот компонент является простым проектом, вы можете скопировать его. vue файл в свой проект и использовать его как локальный компонент.