解決方案

<template><span ref="latex" class="katex" v-html="rawHTML" /> </template><script lang="ts"> import { defineComponent } from 'vue' export default defineComponent({name: 'Latex', }) </script><script lang="ts" setup> import katex from 'katex' import 'katex/dist/katex.css' import { computed, useSlots } from 'vue'const rawHTML = computed(() => {console.log(useSlots().default?.())return katex.renderToString(useSlots().default?.()[0].children, {throwOnError: false,}) }) </script><style scoped></style>

Demo

<latex>\pm\sqrt{a^2 + b^2}</latex>

參考文章

• https://katex.org/docs/api.html
• vue katex_在Vue應用中使用KaTeX的簡單指令
• 在Vue腳手架中使用KaTeX渲染公式

與50位技術專家面對面20年技術見證，附贈技術全景圖

總結

以上是生活随笔為你收集整理的Vue——整合Katex的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。