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

Nuxt2+Vue2+Vuetify项目中v-html触发ESLint规则vue/no-v-text-v-html-on-component报错的解决求助

Nuxt2+Vue2+Vuetify项目中v-html触发ESLint规则vue/no-v-text-v-html-on-component报错的解决求助

大家好,我目前在维护一个基于Nuxt 2、Vue 2和Vuetify的项目,最近VSCode更新之后遇到了个ESLint报错的问题,想请教下各位怎么解决。

我在使用Vuetify的v-list-item-title组件时,用v-html指令渲染了动态内容,具体代码如下:

<v-list-item-title
  v-html="`${parent.genFilteredText(item.nome)}`"
>
</v-list-item-title>

现在ESLint抛出了这个错误:

[vue/no-v-text-v-html-on-component]
Using v-html on component may break component's content.

之前遇到类似问题时,我只需要在代码上方加<!--eslint-disable vue/no-v-html-->就能忽略报错,但这次VSCode更新后这个方法不管用了。我也尝试过换成针对这个新规则的禁用注释<!--eslint-disable vue/no-v-text-v-html-on-component-->,但依然没效果。

有没有朋友遇到过相同情况?或者知道怎么正确处理这个ESLint报错吗?麻烦大家帮忙支个招,感谢!

备注:内容来源于stack exchange,提问作者Luiz Alves

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.04.23 09:22:46