Javascript 在VueJs中从代码隐藏到v-html的元素呈现

如何从代码中获取值和html以有效显示

例如：

html: <div id="app" v-html="html"></div>

js: new Vue({
      el: '#app',
      data: {
      html: '<h1>Hello {{text}}</h1>',
      text: 'world'
      }
    })

html：
js：新Vue({
el:“#应用程序”，
数据：{
html:“你好{{text}}”，
文字：“世界”
}
})

尝试使用v-text、v-html、{{..}、{{{{..}}}，但没有任何效果

这只是一个例子，我必须用不同的html语法显示各种div元素，每个元素都包含一个要显示的值。你能帮忙吗

下面是真实版本中的一段代码：

<tbody>
  <tr v-if="!isLoading" v-for="(f, index) in formatted">
    <td :class="c.ClassName" v-for="(c, index) in columnsDisplay" v-html="c.Description">
    </td>
  </tr>
</tbody>

columnsDisplay.push( 
{
   FieldName: "StateCode",
   ClassName: "tracking-state",
   Description: "{{f.StateCode}}"
},
{
   FieldName: "EnrollmentDate",
   ClassName: "tracking-enrolled",
   Description: "<span>{{f.EnrollmentDate}}</span><span class='tracking-cell-subtitle'> {{ f.TimeSinceEnrollment }}</span>"
},
{
   FieldName: "LastActivity",
   ClassName: "tracking-activity",
   Description: "<span>{{f.LastActivity}}</span><span class='tracking-cell-subtitle'>{{f.TimeSinceLastActivity}}</span></td>"
});

列显示。按（
{
字段名：“状态代码”，
类名：“跟踪状态”，
说明：“{f.StateCode}}”
},
{
字段名：“注册日期”，
类名：“跟踪已注册”，
说明：“{f.EnrollmentDate}{{f.TimeSinceEnrollment}}”
},
{
字段名：“上次活动”，
类名：“跟踪活动”，
说明：“{f.LastActivity}{{f.TimesInclastActivity}}”
});

考虑一个：

newvue({
el:“#应用程序”，
数据：{
文字：“世界”
},
计算：{
html:function（）{
返回“Hello${this.text}”；
}
}
})

考虑一个：

newvue({
el:“#应用程序”，
数据：{
文字：“世界”
},
计算：{
html:function（）{
返回“Hello${this.text}”；
}
}
})

您应该发布代码示例的链接，而不仅仅是代码示例打印的链接。只需发布链接即可。请看一看，感谢您的反馈@你应该发布代码示例的链接，而不仅仅是代码示例打印的链接。只发布链接。请看一看，感谢您的反馈@YagoAzediasYes在本例中有效，但在我的情况下，每个字段都有不同的显示值-columnsDisplay.push（{FieldName:“StateCode”，ClassName:“tracking state”，Description:“{f.StateCode}}}，{FieldName:“EnrollmentDate”，ClassName:“tracking Enrollmented”，Description:“{f.EnrollmentDate}}”{{f.TimeSinceEnrollment}}}；@SindhuG-Hmmm，我不相信如果您使用计算方法而不是将值插入字符串中，那么它将不起作用。但是我没有尝试，所以我无法证明…你有吗？：）另外，免责声明：不是Vue.js专家-->在本例中有效，但在我的情况下，每个字段都有不同的显示值-columnsDisplay.push（{FieldName:“StateCode”，ClassName:“tracking state”，Description:{{f.StateCode}}}，{FieldName:“EnrollmentDate”，类名：“tracking EnrollmentDate”，描述：“{f.EnrollmentDate}{{f.TimeSinceEnrollment}}}”；@SindhuG-Hmmm，我不相信如果使用计算方法而不是将值插入字符串中，它就不会起作用。例如：描述：{computedDescription}.但是我没有尝试过，所以我无法证明…你有吗？：）另外，免责声明：不是Vue.js专家-->