之前在NoteShower组件中,内部HTML内容是通过设置noteDoc变量直接注入的,这导致了样式冲突和页面渲染异常。此次修复通过注释掉Navbar组件并调整内部HTML内容的处理方式来解决这个问题。现在,使用div元素替换IFrame组件来显示noteDoc内容,同时,通过document.write方法来刷新页面内容,确保了页面样式的一致性和正确性。
vue-project
This template should help get you started developing with Vue 3 in Vite.
Recommended IDE Setup
VSCode + Volar (and disable Vetur).
Type Support for .vue
Imports in TS
TypeScript cannot handle type information for .vue
imports by default, so we replace the tsc
CLI with vue-tsc
for type checking. In editors, we need Volar to make the TypeScript language service aware of .vue
types.
Customize configuration
See Vite Configuration Reference.
Project Setup
npm install
Compile and Hot-Reload for Development
npm run dev
Type-Check, Compile and Minify for Production
npm run build
https://tailwindcss.com/docs/guides/vite#vue
npm install -D tailwindcss postcss autoprefixer npx tailwindcss init -p
Description
Languages
Vue
76%
JavaScript
11.8%
TypeScript
11.5%
HTML
0.6%
CSS
0.1%