在输入上设置全角

Question

如何在单选组内的输入元素上设置全角？

我正在使用以下设置创建两个选项（用户可以上传文件或指定URL）：

|

除了<v-radio-group v-model="photo_mode"> <v-layout row align-baseline> <v-radio value="file" /> <v-file-input v-model="eitem.photo" class="mr-4 mt-0" :disabled="photo_mode=='url'" /> </v-layout> <v-layout row align-baseline> <v-radio value="url" /> <v-text-field v-model="eitem.photo_url" class="mr-4 mt-0" :disabled="photo_mode=='file'" /> </v-layout> </v-radio-group> 和v-file-input的宽度不如容器宽以外，看起来还不错。这是快照：

如您所见，单选按钮组（“详细信息”字段）上方的v-text-field正确显示了全角，但单选按钮组内部的两个输入却没有。我该怎么做才能解决此问题？

Answer 1

找到了解决方案。这是Vue中的错误。已报告here。解决方案是在您的start powershell '-noexit .\window.ps1' 中简单添加以下CSS：

App.vue

确保样式部分未用<style> .v-input--selection-controls .v-input__control{ width: 100%; } </style> 关键字标记。

Answer 2

我发现我还需要设置v标签的样式，以使此变通办法正常运行。另外，我在组件中本地使用了范围内的CSS：

.radio-group-full-width >>> .v-input__control {
   width: 100%
}

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

因此在模板中：

<v-radio-group class="radio-group-full-width">