【问题标题】:How "value" prop in v-tabs and v-tab-item controls visibility?v-tabs 和 v-tab-item 中的“value”属性如何控制可见性?
【发布时间】:2019-07-06 02:23:41
【问题描述】:

从 v-tabs 组件上的 Vuetify 文档 (https://vuetifyjs.com/en/components/tabs) 中,它说“值”属性“控制可见性”。 它以何种方式控制可见性? 当我尝试将此道具设置为 false 时,我得到无限循环并且浏览器挂起。 我不明白这个道具是如何工作的,但我看到它在 Vuetify 官方示例中使用,它被设置为字符串。

【问题讨论】:

    标签: vue.js vuetify.js


    【解决方案1】:

    在这种情况下,值控制当前选择的选项卡。您可以使用 v-model 属性绑定该值。要显示和隐藏选项卡,您只需使用 v-if

    【讨论】:

    • 我认为当前活动选项卡是在 v-tabs 组件上使用 v-model 选择的,基于此答案:stackoverflow.com/questions/50392918/…
    • 是的,v-model 只是绑定到value 属性和订阅input 事件的简写。
    猜你喜欢
    • 2019-06-30
    • 1970-01-01
    • 2021-01-08
    • 1970-01-01
    • 1970-01-01
    • 2021-11-24
    • 2021-07-03
    • 2019-07-11
    • 1970-01-01
    相关资源
    最近更新 更多