Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/460.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Vue.js 2自动转义HTML_Javascript_Laravel 5_Vuejs2_Markdown_Laravel 5.5 - Fatal编程技术网

Javascript Vue.js 2自动转义HTML

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

我将Vue 2 js与Laravel 5.5一起使用

我有一个组件数据标记文本。 我有一个vue实例

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'的转换。这很有帮助。