从无法访问的项目Fork
体验新版 GitCode,发现更多精彩内容 >>
<template> <div class="p-4"> <a-button @click="toggleTheme" class="mb-2" type="primary">黑暗主题</a-button> <MarkDown v-model:value="value" ref="markDownRef" /> </div> </template> <script lang="ts"> import { defineComponent, ref, unref } from 'vue'; import { MarkDown, MarkDownActionType } from '/@/components/Markdown'; export default defineComponent({ components: { MarkDown }, setup() { const markDownRef = ref<Nullable<MarkDownActionType>>(null); const valueRef = ref(` # title # content `); function toggleTheme() { const markDown = unref(markDownRef); if (!markDown) return; const vditor = markDown.getVditor(); vditor.setTheme('dark'); } return { value: valueRef, toggleTheme, markDownRef, }; }, }); </script>