首页 > 解决方案 > (Vuetify) 带有非标签文本的 V-switch

问题描述

我正在尝试在 Vuetify 中创建一个带有关联文本的 v-switch 元素,但我不希望在文本上附加标签。我只是想创建一个带有不可点击文本的开关(因为在某些情况下,对于敏感数据的情况,开关应该只用于切换)。

这是我的代码: https ://codepen.io/groove-theory/pen/dyRyRxE

HTML:

<div id="app">
  <v-app>
    <v-container>
             <v-switch label="label_text"></v-switch>
      <span>non_label_text</span>
    </v-container>
  </v-app>
</div>

JS:

new Vue({
  el: '#app'
})

我试图在开关之外有一个跨度,但这并没有成功。我只想在那里有标签文本,而不是作为标签。但我不确定 Vuefity 是否有这个功能。

标签: javascriptvue.jsvuetify.js

解决方案


推荐阅读