vue——整合katex -ag凯发k8国际

ag凯发k8国际的解决方案

<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年技术见证，附赠技术全景图

总结

以上是ag凯发k8国际为你收集整理的vue——整合katex的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得ag凯发k8国际网站内容还不错，欢迎将ag凯发k8国际推荐给好友。