用""不包括渲染的html标签

Question

当我使用chrome中的dev工具进行检查时,我会在页面中看到这个

<span>
 "<b> test data </b>"
</span>

html标签不是这样的.如何修改此字符串以便html标记起作用.数据"<b> test data </b>"从$ .Ajax请求传递到服务器.该<b>标签未呈现和我得到的纯文本.

        var v = new Vue({
    el: ..,
    data : {
        rows: []
    },
    mounted: function() {
     var self = this;
    $.ajax({
           type: 'POST',
           url:  ...,
           data: {},
         contentType: 'application/json; charset=utf-8',
        dataType : 'json',
        success : function(data) {
          var json_data = JSON.parse(data.d);
         self.rows=json_data
        },
        error: function() {}
        })
}
})

我按如下方式迭代数据

<tr v-for= "row in rows">
  <td>{{row.question}}</td>
<tr>

更新

这似乎对我有用.任何人都可以告诉这段代码是否有效？

<tr v-for ="row in rows">
  <td> <span v-html="row.question"></span></td>
</tr>

谢谢

Answer 1

双胡子将数据解释为纯文本,而不是HTML.要输出真实的HTML,您需要使用该v-html指令.