0

我有一个给定的 HTML 字符串,需要在我的 Vue 组件中显示。

背景:KaTeX 是一个排版库,可将数学语法呈现为易于阅读的方程式。

这是字符串:

<p>A pintail population, <div v-katex="'p'"></div>, of <div v-katex="'1000'"></div> bacteria tows in number according to the equation <div v-katex="'\\displaystyle p(t) = 1000(1 + \\frac{4t}{t^2+ 50})'"></div>, where <div v-katex="'t'"></div> is in hours. Find the rate which the population is growing after <div v-katex="'1 h'"></div> and after <div v-katex="'2h'"></div>.</p>

这是在我的代码中: renderKatex() 返回一个 HTML 代码字符串。

在此处输入图像描述

这是在网络浏览器开发工具中:

在此处输入图像描述

但这里显示:

在此处输入图像描述

如您所见,<div v-katex>元素没有显示出来。除了,当我在模板中硬编码以前的 HTML 时(我从开发工具复制并粘贴了 HTML),它显示:

在此处输入图像描述

显示:

在此处输入图像描述

因此,Vue 指令“v-html”似乎存在一些问题,无法正确呈现元素。

4

0 回答 0