vue2.0不解析html代码

Question

vue2.0中，我想在网页中显示下面的源代码，该怎么处理？

<alert class="inner" type="success" title="hahahhaha" show-icon></alert>

Answer 1

<div v-html="msg"></div>

Answer 2

vue我不知道有没有API来支持，但是你可以先编码html标签，然后当字符串输出就可以了

function html_encode(str) {
    var s = "";
    if (str.length == 0) return "";
    s = str.replace(/&/g, ">");
    s = s.replace(/</g, "&lt;");
    s = s.replace(/>/g, "&gt;");
    s = s.replace(/ /g, "&nbsp;");
    s = s.replace(/\'/g, "&#39;");
    s = s.replace(/\"/g, "&quot;");
    s = s.replace(/\n/g, "<br>");
    return s;
}

Answer 3

这个试试

Answer 4

<div v-text="msg"></div>

data: {
    msg: `<alert class="inner" type="success" title="hahahhaha" show-icon></alert>`
}