Vuetify:v模型看起来已过时

ste*_*ste 1 vue.js vuetify.js

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

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

found in

---> <VExpansionPanelContent>
Run Code Online (Sandbox Code Playgroud)

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

            <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>
Run Code Online (Sandbox Code Playgroud)

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

Mat*_*att 5

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

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

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

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