Как клонировать элемент vue с функциями в nuxt? - PullRequest
Новая
       4

Как клонировать элемент vue с функциями в nuxt?

3 голосов
/ 24 октября 2019

У меня есть такой шаблон 

<template>
<div>
  <div id="hiddenElement">
    <MyElement v-for='...' @click="...">
    </MyElement>
  </div>

  <div id="appendElementsHere" />
</div<
</template>

Пользователь может добавить элемент в список, поэтому у меня есть такая функция: 

someFunc(){
const hidden = document.querySelector('#hiddenElement')
const target = document.querySelector('#appendElementsHere')
target.innerHtml += hidden.outerHtml
}

Элемент может быть клонировануспешно добавьте #appendElementsHere, но функция щелчка не работает. Я думаю, что, возможно, функция щелчка в элементе vue, а не в HTML. Как я могу клонировать элемент как vue-элемент, а не только HTML? Или есть идея создать элемент vue в сценарии (метод), а затем добавить в DOM ??

...