代码之家  ›  专栏  ›  技术社区  ›  ste

Vuetify:v-model看起来已弃用

  •  1
  • ste  · 技术社区  · 6 年前

    我正在使用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 以及它被弃用的可能性。这只是一个警告,但我该怎么解决呢?

    1 回复  |  直到 6 年前
        1
  •  5
  •   Matt    6 年前

    这是一个令人困惑的警告,因为Vue本身并不反对 v-model . 看着 Vuetify source ,看起来像 v-expansion-panel-content value 道具。

    这个 documentation 提到你应该使用 和/或 expand 在父扩展面板(而不是面板)上 内容

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

    这是一个 video