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 source，当您通过v-expansion-panel-content道具时，似乎value会发出此警告。

documentation提到您应该在父级Expansion面板（而不是面板 content ）上使用v-model和/或expand。

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

这里的video似乎可以解决您遇到的相同问题。

Vuetify：v模型看起来已过时

1 个答案: