Vuetify：v模型看起来已过时

Question

我正在使用Vuetify 1.0.14创建我的应用程序。虽然我加载页面时，却收到以下错误消息：

vuetify.js?dc48:19429 [Vuetify] v-model has been deprecated

found in

---> <VExpansionPanelContent>

这些是此警告消息所引用的代码行：

            <v-expansion-panel>
                <v-expansion-panel-content key="annotations" :value="sideFocusItem.default === 'annotations'">
                    <div slot="header">Annotations:</div>
                    <annotations v-if="loadAnnotationBuilder"></annotations>
                </v-expansion-panel-content>
            </v-expansion-panel>

我很难弄清楚在哪里v-model使用了它，以及有可能不推荐使用它。这只是一个警告，但是我该如何解决？

Answer 1

这是一个令人困惑的警告，因为Vue本身并未弃用v-model。查看Vuetify源，v-expansion-panel-content当您将其传递给value道具时，它似乎会抛出此警告。

该文件提到你应该使用v-model和/或expand父扩展面板（而不是在面板上的内容）。

扩展面板可以通过修改v模型在外部进行控制。它的值对应于当前打开的扩展面板内容的从零开始的索引。如果使用expand prop，则它是布尔数组，其中索引对应于内容的索引。

这是一个视频，似乎可以解决您遇到的相同问题。