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
相关产品推荐
相关产品推荐

