[英]Rendering elements from code-behind to v-html in VueJs
如何从代码隐藏中获取值和 html 以有效显示?
例子:
html: <div id="app" v-html="html"></div>
js: new Vue({
el: '#app',
data: {
html: '<h1>Hello {{text}}</h1>',
text: 'world'
}
})
https://jsfiddle.net/Lct8uz4o/214/
尝试使用 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>"
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.