如何在 nativescript-vue 中渲染编写复杂的数学方程? [关闭]

Posted

技术标签:

【中文标题】如何在 nativescript-vue 中渲染编写复杂的数学方程? [关闭]【英文标题】:How to render write complex mathematics equations in nativescript-vue? [closed] 【发布时间】:2019-09-20 20:41:20 【问题描述】:

有这个插件 (https://github.com/zzish/react-latex#readme) 在 React 中渲染 LaTex。有没有办法在 NativeScript-Vue 中使用类似的插件?

【问题讨论】:

【参考方案1】:

首先,这是一个 React 组件,而不是 ReactNative 组件。该组件是 Katex 的包装器,它将 LaTex 呈现为 html

NativeScript-Vue 的一种使用方法是将 LaTex 渲染为 html 以 <WebView> 渲染它,如下所示:

<template>
  ...
  <WebView :src="exprHtml" />
  ...
</template>

<script>
  ...
  mounted() 
    this.exprHtml = katex.renderToString("c = \\pm\\sqrta^2 + b^2", 
      throwOnError: false
    );
   
</script>

您可以找到一个工作游乐场示例here。

请注意,&lt;WebView&gt; 组件就像添加到您的应用程序中的迷你浏览器。不要在一个屏幕中添加太多。

【讨论】:

我想在一个页面中显示可能的方程。我可以通过其他任何解决方案来实现这一点吗? 我不明白你的问题。您可以在单个页面中使用此解决方案...

以上是关于如何在 nativescript-vue 中渲染编写复杂的数学方程? [关闭]的主要内容,如果未能解决你的问题,请参考以下文章

Nativescript-Vue 问题与平移元素

如何在 Nativescript-Vue 中使用 nativescript-drawingpad?

如何在 NativeScript-Vue 中构建固定页脚?

如何更改 nativescript-vue 中的 RadDataForm 样式? (Nativescript-Vue)

如何在 Nativescript-Vue 中调试 webpack 'Executing webpack failed with exit code 0'

如何在 nativescript-vue 弹出窗口中使用 vue 组件?