Horus123

Не могу закрыть поп-ап

dialog: [],

dialog[index]= false

Кто-то невнимательно читал документацию.

При нажатии на кнопку, при выборе 3 изображения на превью открывается всегда первое.

Не всегда, а при первом открытии каждого диалога.

Кстати, непонятно - а зачем вам три диалоговых окна? Сделайте одно:

data: () => ({
  slide: null,
  dialog: false,
  ...
}),
methods: {
  openDialog(slideIndex) {
    this.slide = slideIndex;
    this.dialog = true;
  },
  ...
},

v-row
  v-col(v-for="(n, i) in pictures")
    v-item
      v-img(height="100", width="100", :src="n", @click="openDialog(i)")
  v-col(hidden="")
    v-dialog(v-model="dialog")
      v-carousel(v-model="slide")
        v-carousel-item(v-for="n in pictures")
          v-img(:src="n")
      v-btn(@click="dialog = false") close dialog

Может так?

app.use('/files', express.static(__dirname + '/files'));

methods: {
  marked: (text, search) => search
    ? text.replace(RegExp(search.replace(/[\\^$|.*?+{}()[\]]/g, '\\$&'), 'gi'), '<mark>$&</mark>')
    : text,
},

<div v-html="marked(text, search)"></div>

Если выделение должно пересекать границы тэгов, то стоит взять какую-нибудь готовую библиотеку под это дело, такую как, скажем, mark.js (пример использования совместно с vue).

PUG, господи как хорошо что я с него свалил, какой ужас, как вы с ним живёте? -_-

вниз (parent->child) прокидываются props,
вверх (child>parent) события

по этому добавьте change event

newString(v-for='(item, index) in stringslist.' 
                :key='item.id' 
                :info='item' 
                @delete-string="deleteString(index)"
                @change="onChange(index, $event)"

и пусть дочерний посылает наверх событие изменения данных, а в родительском меняйте, дальше они сами обновятся

В родителе заводите счётчик экземпляров дочернего компонента:

data: () => ({
  repeat: 0,
}),

И рендерите соответствующее их количество:

<child-component v-for="i in repeat"></child-component>

При необходимости отрендерить ещё - увеличиваете значение счётчика:

<button @click="repeat++">add one more child component instance</button>

Приведу пример. Например у тебя есть родитель-компонент: Page.vue в нем есть кнопка которая открывает модальное окно Modal.vue.
Page.vue:

<button @click="isShow = !isShow">Open Modal</ button>

<Modal v-if="isShow" @closeModal="isShow = !isShow"/>

При клике мы открываем модальное окошечко.
Тем временем внутри самого компонента нам надо уметь закрывать его, в таком случае пишем в дочернем компоненте Modal.vue:

...
<button @click="$emit('closeModal')">Close Modal</button>
...

Для передачи данных используйте $emit следующим образом:

$emit('closeModal', {
  data: 'value',
  data2: 'value2'
})

Подробнее можно почитать тут: https://medium.com/@modex13/vue-js-2-передача-данн...

Тут более простенько написано: https://monsterlessons.com/project/lessons/peredae...

Также можно воспользоваться следующим (но помните что это крайний случай, который не рекомендован к использованию): https://ru.vuejs.org/v2/guide/components-edge-case...