vue.js - 如何避免 Intellij IDEA 中的“此处不允许使用属性 vb-modal”警告？

Question

在一个 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) 此处不允许使用属性 vb-modal

thread Vue Attribute is not allowed here表明这种情况发生在非 .vue 文件中，但这里并非如此。

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

我正在使用 Intellij IDEA 2018.1.8。

标签： vue.jsintellij-ideabootstrap-modalvue-js-modal

Answer 1

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