You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Vue3-markdown-it与Vuetify 3样式表兼容问题求助

Vue3-markdown-it与Vuetify 3样式兼容问题求助

使用Vue3-markdown-it库进行字符串格式化时,遇到了和Vuetify 3样式的兼容问题。

为排查问题,我做了两组测试:

  • 未引入Vuetify 3样式表:组件符合预期正常运行
  • 引入Vuetify 3样式表:组件无法正常运行

经分析,问题根源是Vuetify的全局样式覆盖了浏览器默认样式,罪魁祸首是这段全局重置代码:

* {
  padding: 0;
  margin: 0;
}

如果禁用这段样式,或者给padding、margin设置revert值,markdown元素就能正常工作,但这样会影响Vuetify其他组件的样式。

恳请各位提供可行的解决方案或规避方法。

内容的提问来源于stack exchange,提问作者Rohít Jíndal

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.12 16:59:50