Javascript Can';t通过脚本中的v-html呈现内容
如何呈现this.item.content返回的脚本 如果我得到了HTML代码,它就会正确地呈现,但是如果我得到了一些应该呈现HTML片段的脚本,它就不会呈现它。 脚本应该呈现某种形式 是v-html问题还是其他问题Javascript Can';t通过脚本中的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
<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>
从'src/modules/storyblok/components'导入{Blok}
从“@vue storefront/core/filters”导入{htmlDecode}
导出默认值{
名称:“自定义HTML”,
扩展:Blok,
数据(){
返回{
htmlContent:this.item.content
}
},
挂载(){
this.htmlContent=htmlDecode(this.item.content)
}
}
我不能分享整个脚本,但这是一个应该呈现的示例
<script src="//r1.dotdigital-pages.com/resources/sharing/embed.js" data-sharing="lp-embed"
data-page-domain="r1.dotdigital-pages.com"></script>
您可以手动编写脚本。您不需要Vue。我不允许使用eval,该函数不是save。您要计算脚本。如果此脚本不安全,则无论如何它都不安全。不管你怎么评价它。