Не удается отобразить содержимое через v-html из скрипта

#javascript #vue.js #vuejs2

#javascript #vue.js #vuejs2

Вопрос:

Как мне отобразить скрипт, который возвращает this.item.content?

Если я получаю HTML-код, он отображается правильно, но если я получаю какой-либо скрипт, который должен отображать некоторый фрагмент HTML, он его не отображает. Скрипт должен отображать некоторую форму.

Проблема с v-html здесь или есть что-то еще?

 <template>
 <div v-html="htmlContent"></div>
</template>
<script>
  import { Blok } from 'src/modules/storyblok/components'
  import { htmlDecode } from '@vue-storefront/core/filters'

export default {
  name: 'CustomHtml',
  extends: Blok,
  data () {
    return {
      htmlContent: this.item.content
    }
  },
  mounted () {
  this.htmlContent = htmlDecode(this.item.content)
  }
} 
</script>
  

Я не могу поделиться всем скриптом, но это пример того, который должен отображаться.

 <script src="//r1.dotdigital-pages.com/resources/sharing/embed.js" data-sharing="lp-embed" 
data-page-domain="r1.dotdigital-pages.com"></script>
  

Комментарии:

1. Вы можете оценить скрипт вручную. Для этого вам не нужен Vue.

2. Мне не разрешено использовать eval, функция не сохраняется.

3. Вы хотите оценить скрипт. Если этот скрипт небезопасен, то он все равно будет небезопасным. Независимо от того, как вы это оцениваете.