vue.js - vue无法用三重大括号来显示html

问题描述

问 题

核心代码如下

<div id="vue_demo2">
    {{{ content }}}
</div>
<script>
    var demo2 = new Vue({
        el: '#vue_demo2',
        data: {
            content: '<p style="color:red">Mustache显示HTML</p>'
        }
    })
</script>

如写{{content}}可以获得<p style="color:red">Mustache显示HTML</p>,但是写{{{content}}}浏览器并没有输出任何东西

初学vue,看某个教学视频里和某个博客里有这样写，还望多指正

解决方案

用v-html 指令

https://jsfiddle.net/8g51t5hk/

这篇关于vue.js - vue无法用三重大括号来显示html的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！