带有 prop :touchless="true" 的 v-tab-item 仍然允许用户在选项卡之间滑动

Question

重现步骤 向页面添加选项卡组件 在 v-tab-item 上使用属性 :touchless="true" 用手指滑动仍然会导致转换

非接触式道具应防止用户滑动。

但我还是能做到。

Answer 1

您应该在

touchless

vuetify 标签中使用

v-tabs-items

。

<v-tabs-items touchless>
      <v-tab-item>
        //
      </v-tab-item>
      <v-tab-item>
        //
      </v-tab-item>
</v-tabs-items>

Answer 2

非接触式标签对我来说从来不起作用，我的解决方案是像这样覆盖 :touch 指令：

<v-tab-item :touch="false">
</v-tab-item>