Доступ к стороннему дочернему компоненту из родительского компонента vue

Question

У меня есть компонент формы с именем example-component, внутри которого у меня есть другой сторонний дочерний компонент для загрузки мультимедиа с именем media-uploader, например

<example-component>
    <form :action= "something">
     // Some other input types 


     // This is a third party component I installed on my application so I dont have access to 
     its .js file
     <media-upload
        :ref="'cover_uploader'"
        :collection="'cover'"
        :url="'{{ route('admin.upload.media', $folder) }}'"
        :accepted-file-types="''"
        :max-number-of-files="5"
        :max-file-size-in-mb="100"
        :accepted-file-types="''">
     </media-upload>
    </form>
</example-component>

, и маршрут внутри :url media-uploader ведет к этой логике c в контроллере

public function something()
{
   $variable = "Something";
   return response()->json($variable);
}

У меня полный доступ к example-component, но у меня нет доступа к media-uploader Так как я могу получить $variable значение в моем example-component, чтобы я мог использовать это $variable в моем example-component

Answer 1

Вы можете выполнить запрос с помощью Ax ios или других инструментов на сервер. в обработчике create () компонента.

Я использовал Ax ios для этого примера

<example-component route="{{ route('admin.upload.media', $folder) }}">
...
</example-component>

и в файле компонента. vue вы можно добавить

export default {
  props: {
    route: String
  },
  data() {
    return {
      variable: null
    };
  },
  created() {
    this.axios(this.route).then(res => { this.variable = res.data });
  }
  ...
};