这样写是那里出了问题？

Question

代码

var ypbzztcheck = '&nbsp;<span style="font: Wingdings"></span>&nbsp;' //打勾框
var noypbzztHtml = '&nbsp;<span style="font: Wingdings"></span>&nbsp;' //空白框
if (item.t_jyhypzt != null && item.t_jyhypzt.val != null) {
  sampleData['t_jyhypzt'] = item.t_jyhypzt.val == "留存" ? ypbzztcheck : noypbzztHtml
  sampleData['t_TYCheckBox'] = item.t_jyhypzt.val == "退样" ? ypbzztcheck : noypbzztHtml
  sampleData['t_QSXHCheckBox'] = item.t_jyhypzt.val == "全数消耗" ? ypbzztcheck : noypbzztHtml
}

结果页面上是这样的

这怎么弄呢

Answer 1

页面用v-html, 或者原生的innerHTML

Answer 2

如果你用的是react + antd，在columns的render上面这样修改：

render: (value) => <div  dangerouslySetInnerHTML={{ __html: value }} />

Answer 3

解析问题
vue编写方式：v-html,
原生HTML：innerHTML标签