Vue.js 2自动转义HTML

Question

我在Laravel 5.5中使用Vue 2 js。

我有一个组件数据-降价文字。 我有一个vue实例

new Vue({
        el : '#lesson_edit',
        data :  {
            lesson : {
                body : `{{ $lesson->body }}`
           }
        }
    });

正文字符串带有“>”符号。 但是分配ot后转义为<。

问题是下一个，我有一个vue组件，它将c降价转换为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和unescpe之后，我没有获得有效的降价转换。

我该怎么办？

在组件中添加一些东西？ 拒绝此字符在Vue实例中转义？ 或者其他...请帮忙。

Answer 1

它是服务器端的刀片引擎，可以转义html，而不是Vue。 您将必须使用{!! $lesson->body !!} {!! $lesson->body !!}而不是{{ $lesson->body }} 。