VueJS - Как преобразовать это. $ Slots.default в строку HTML? - PullRequest
Новая
       26

VueJS - Как преобразовать это. $ Slots.default в строку HTML?

0 голосов
/ 13 января 2020

Я создал проект с Vue CLI, и теперь мне нужно значение слота внутри смонтированной функции.

Я могу получить доступ к слоту с помощью this. $ Slots.default , и я получил VNode массив.

Теперь мне нужно преобразовать массив VNode в строку HTML, например: 

const html = `<p><strong>Lorem</strong> ipsum</p>`;

Мой текущий код выглядит следующим образом: 

<TestComponent field="website" :data="document">
    <p><strong>Lorem</strong> ipsum</p>
</TestComponent>


<template>
  <div class="test">
        <p>lorem ipsum</p>
  </div>
</template>

<script>
export default {
  props: ["field", "data"],
  data() {
    return {
      editor: null,
    };
  },
  mounted() {
    if (this.$slots.default) {
      const html;
      console.log(this.$slots.default);
    }
  },
};
</script>
...