vue filters 图片地址中的<号被转义成实体字符了

Question

1. 我用vue中的filters对图片表情进行过滤输出时，图片地址中的<号被显示成实体字符了<了。

过滤的代码函数

repaceImg : function(str) {
    let i = 0,
        s;
    let face = Face_TB; //表情包
    let len  = face.length;
        for (let i = 0; i <= len - 1; i++) {
            if (face[i][0] == str) {
                s = '<img src="' + face._PATH + face[i][1] + '">';
            }
        }
    return s;
}

前台显示把<号显示成实体字符了，我现在的问题是能不能显示成正常的，非实体字符。

Answer 1

用 v-html

Answer 2

你的情况应该是使用{{插值}}来插入的导致的，可以考虑其他的插入方法（v-html不支持过滤器）

Answer 3

vue.js 输出代码使用 {{{}}} 或者v-html