vue——整合katex -凯发k8官方网

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

总结

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

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