• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

[Vue] Generowanie komponenetów

VPS Starter Arubacloud
0 głosów
87 wizyt
pytanie zadane 14 czerwca 2019 w JavaScript przez Bakr Mądrala (6,850 p.)
Witam,

W jaki sposób generować kilka razy ten sam komponent?

Obecnie sytuacja wygląda następująco: w kilku miejscach poprzez Vuex Store zmianiam wartość visible dla notyfikacji. Wewnątrz komponentu sprawdzam w computed czy wartość jest równa true, czy false. Wtedy w głównym elemencie daje v-if=[...].

Niestety w ten sposób generuje się tylko jeden komponent. Chciałbym jednak go generować kilkukrotnie. Jak do tego podejść?

 

Przykład: http://vue-notification.yev.io

1 odpowiedź

0 głosów
odpowiedź 14 czerwca 2019 przez p099 Mądrala (6,390 p.)
Użyj while.
komentarz 14 czerwca 2019 przez Bakr Mądrala (6,850 p.)

W komponencie, czy w App.vue, gdzie jest implementowany?

Plik komponentu: 

<template>
  <transition name="fade">
    <div 
    v-if="monit" 
    :class="['monit', `monit--${monit.type}`]"
    @click="onClose">
      {{ monit.message }}
    </div>
  </transition>
</template>

<script>
  export default {
    name: 'Monit',
    computed: {
      monit () {
        console.log(this.$store.getters.monit)
        return this.$store.getters.monit
      },
    },
    created() {
      setTimeout(() => {
        this.$store.dispatch('clearMonit')        
      }, 2500);
    },
    methods: {
      onClose () {
        this.$store.dispatch('clearMonit')
      }
    }
  }
</script>

<style lang="scss" src="@/scss/components/_monit.scss"></style>

 

komentarz 14 czerwca 2019 przez p099 Mądrala (6,390 p.)
W pliku komponentu
komentarz 14 czerwca 2019 przez Bakr Mądrala (6,850 p.)
Trochę nie rozumiem :p

Gdzie użyć while?
komentarz 14 czerwca 2019 przez p099 Mądrala (6,390 p.)
Tam gdzie ma zostać implementowana generacja
komentarz 14 czerwca 2019 przez Bakr Mądrala (6,850 p.)
Tzn. obecnie przechowuje tylko jeden obiekt z danymi do wyświetlania. Co ma być zatem argumentem while?

Podobne pytania

0 głosów
1 odpowiedź 267 wizyt
pytanie zadane 27 czerwca 2019 w JavaScript przez kordix Gaduła (3,910 p.)
+2 głosów
1 odpowiedź 74 wizyt
+1 głos
1 odpowiedź 169 wizyt
pytanie zadane 16 stycznia 2023 w JavaScript przez mi-20 Stary wyjadacz (13,190 p.)

92,453 zapytań

141,262 odpowiedzi

319,086 komentarzy

61,854 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Akademia Sekuraka 2024 zapewnia dostęp do minimum 15 szkoleń online z bezpieczeństwa IT oraz dostęp także do materiałów z edycji Sekurak Academy z roku 2023!

Przy zakupie możecie skorzystać z kodu: pasja-akademia - użyjcie go w koszyku, a uzyskacie rabat -30% na bilety w wersji "Standard"! Więcej informacji na temat akademii 2024 znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...