Javascript Vue.js 2自动转义HTML
我将Vue 2 js与Laravel 5.5一起使用 我有一个组件数据标记文本。 我有一个vue实例Javascript Vue.js 2自动转义HTML,javascript,laravel-5,vuejs2,markdown,laravel-5.5,Javascript,Laravel 5,Vuejs2,Markdown,Laravel 5.5,我将Vue 2 js与Laravel 5.5一起使用 我有一个组件数据标记文本。 我有一个vue实例 new Vue({ el : '#lesson_edit', data : { lesson : { body : `{{ $lesson->body }}` } } }); 正文字符串有一个“>”符号。但分配ot后逃逸到body!!}而不是{{{$le
new Vue({
el : '#lesson_edit',
data : {
lesson : {
body : `{{ $lesson->body }}`
}
}
});
正文字符串有一个“>”符号。但分配ot后逃逸到<
接下来的问题是,我有一个vue组件,它将标记转换为html
<template>
<div v-html="parsedBody"></div>
</template>
<script>
export default {
props : ['body'],
mounted() {
console.log('Component mounted.')
},
computed : {
parsedBody(){
return marked(this.body, { sanitize: true })
}
}
}
</script>
导出默认值{
道具:['body'],
安装的(){
console.log('组件已安装')
},
计算:{
parsedBody(){
返回标记(this.body,{sanitize:true})
}
}
}
在分配body和unescpe之后,我没有得到有效的降价转换
我该怎么办
在组件中添加一些内容?
拒绝在Vue实例中转义此角色?
或者别的什么。。。请提供帮助。服务器端的刀片引擎转义html,而不是Vue。您必须使用
{!!$lesson->body!!}
而不是{{{$lesson->body}
是从'>'到'yeap'的转换。这很有帮助。