[soxn]

Jestem świeży w #vuejs.

Mam sobię komponent z propsem api. Chciałbym value tego propsa #!$%@?ć w opcję w vue.use()

czyli np.

vue.use({
 load: api
})

jak to mogę zrobić?

#programowanie #frontend

[doee]

@soxn: Co chcesz osiągnąć? Vue.use służy do instalacji pluginów -> https://vuejs.org/v2/api/#vue-use

[soxn]

@doee:

Vue.use(VueGoogleMaps, {
 load: {
 key: ' ',
 }
 });

nie chcę podawać key na sztywno. API key chciałbym zaciągnąć z props'a komponentu.

[S.....8]

@soxn: ale vue.use tak sie nie uzywa, skad taki pomysl w ogole?

[soxn]

@Sheppard28: https://alligator.io/vuejs/vue-google-maps/

[S.....8]

@soxn: ok teraz dopiero przeczytalem Twoj drugi post. Czemu chcesz zaciagac key z propsa? Oczywisci mozesz to zrobic, np w hooku created() ale ja bym to do jakiegos .env wrzucil jako zmienna srodowiskowa

[doee]

@soxn:

This method has to be called before calling new Vue()

Vue.use używasz przed utworzeniem instancji, także nie wyciągniesz propsa z czegoś co nie istnieje ( ͡° ʖ̯ ͡°)
Użyj zwykłej zmiennej JSowej albo wrzuć klucz API do pliku .env i wyciągaj stamtąd.

[S.....8]

@doee: moze uzyc i po stworzeniu instancji. To nie ma znaczenia.

[soxn]

@Sheppard28: @doee: działam w laravelu i oczywiście próbowałem z process.env.MIX_SOME_VAR ale coś mi to nie działa, tylko mogę zgadywać że brakuje mi czegoś w webpacku

[soxn]

@Sheppard28: ogólnie zamysł jest taki że mam zmienną w .env i to wyrzucam sobię do props'a w blade w laravelu. Czyli można to ogarnąć na created()?

[S.....8]

@soxn: nie znam sie na laravelu ale cos takiego powinno dzialac jak dobrze .env ogarniesz

{
created() {
Vue.use(GoogleMaps, { api: process.env.API_KEY })
}
}

[doee]

@soxn: Zerknij na to: https://stackoverflow.com/a/60378481

[soxn]

@doee: widziałem, mi to nie działa

[m.....e]

@soxn: a weź to wrzuć do window