【问题标题】:Vuetify adding style on v-slot:labelVuetify 在 v-slot:label 上添加样式
【发布时间】:2019-11-27 15:13:08
【问题描述】:

我有像这样的 Vuetify 代码

<v-radio-group v-model="gender" column class="radio-group-full-width">
  <v-radio value="Boy">
    <template v-slot:label>
      <v-textarea
        v-model="answer"
        v-validate="'required'"
        required
        :error-messages="
          errors.collect('form-create.answer')
        "
        label="Answer 1"
        data-vv-name="answer"
        type="text"
      ></v-textarea>
    </template>
  </v-radio>
</v-radio-group>

问题是我想要全宽的文本区域,但是由 vuetify 模板槽生成的标签标签阻止了这一点。你有什么想法我可以解决这个问题吗?

What it looks now

What i want

【问题讨论】:

    标签: css vue.js vuetify.js v-slot


    【解决方案1】:

    对大括号稍作修改后,答案对我有用:

    .radio-full-width >>> label {
      width: 100%;
    }
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2020-10-19
      • 2019-08-01
      • 2023-02-24
      • 1970-01-01
      • 1970-01-01
      • 2019-07-24
      • 1970-01-01
      • 2020-07-30
      相关资源
      最近更新 更多