Vue.js / Weex：Fontawesome没有处理动态文本

Question

    var data = { email: email, password: password };
    $http.post(Url, data).then(
        function (response) {
            var data = response.data
            callback(data);
        }).catch(function (error) {
            console.log('ERROR GetLoginByEmailPassword:');
            console.log(error.config.url);
            console.log(error.data.Message);
            console.log(error.data.MessageDetail);
            console.log(error.status);
            console.log(error.statusText);
        });

如何在动态值中显示fontawesome图标？ 在上面的代码示例中，只有第一行正确显示图标，其次显示原始值而不是图标。 为什么呢？

Answer 1

您需要将值绑定为原始html。

https://vuejs.org/v2/guide/syntax.html#Raw-HTML

<text class="fontawesome" v-html="testfontawesome"></text>

Vue通过自动html编码值保护您免受跨站点脚本（XSS）攻击。

正如文档中的警告所指出的那样，请避免使用v-html来显示用户生成的文本，因为它可能是恶意的。