清除功能中的v模型,以不突出显示v选项卡Vuetify

时间:2020-01-23 13:31:35

标签: vue.js vuetify.js

如果要按给定值,我有时想清除v模型。

let list-houses turtle-set my-list with [breed = house]
let selected_item max-one-of list-houses [prices]
let size_selected [dim] of selected_item
let landlord_selected [landlord] of selected_item
let new-item (list selected-item size-selected landlord-selected)
let my-list fput new-item my-list

我在这里有一个有效的示例:https://codesandbox.io/embed/vuetify-clean-cfnoh?fontsize=14&hidenavigation=1&theme=dark

如果我只是将this.active_tab设置为空,则不会发生任何事情。我可以将其设置为整数,它将更改为该整数。是否可以清除非要突出显示的项目的值?

1 个答案:

答案 0 :(得分:2)

在v-tab上使用hide-slider属性。

<v-tabs
          v-model="active_tab"
          slider-color="#F8940A"
          centered
          background-color="#ffffff"
          height="80px"
          hide-slider

        >
          <v-tab v-for="(item, i) in items" :key="i" v-on:click="test()">
            <div>{{item.text}}</div>
          </v-tab>
        </v-tabs>

codepen-https://codesandbox.io/s/vuetify-clean-y53nu