如何避免 Intellij IDEA 中的“此处不允许使用属性 v-b-modal”警告？答案

【问题标题】：How can I avoid the "Attribute v-b-modal is not allowed here" warning in Intellij IDEA?如何避免 Intellij IDEA 中的“此处不允许使用属性 v-b-modal”警告？
【发布时间】：2020-05-06 18:40:33
【问题描述】：

在一个 Vue.js 项目中，我正在学习使用 BootstrapVue 中的 Modals。在我的代码中，我有一个文件Items.vue，内容如下：

<div v-b-modal="'modal-' + query.id">     // this is line 15
    ...
</div>

<b-modal :id="'modal-' + query.id">
    <p class="my-4">
        hello
    </p>
</b-modal>

效果很好。但是，带有 Vue.js 插件的 Intellij IDEA 不断发出警告：

警告：(15, 5) 此处不允许使用 v-b-modal 属性

Vue Attribute is not allowed here 的线程表明非 .vue 文件会发生这种情况，但这里并非如此。

将v-b-modal="..." 替换为:v-b-modal="..."（即在属性前使用: 以使绑定更加明确）会删除警告，但代码不起作用。

我正在使用 Intellij IDEA 2018.1.8。

【问题讨论】：

标签： vue.js intellij-idea bootstrap-modal vue-js-modal

【解决方案1】：

您使用的 IDEA 版本非常旧，Vue.js 支持自 v. 2018.1 以来已得到显着改进。特别是，WEB-38028 已在 2019.2 中修复。请考虑将 IDEA 升级到最新版本，BootstrapVue 指令在那里被正确识别

【讨论】：

谢谢！我有永久后备许可证，所以我无法升级到 2019 : (