<v-radio> 和 <v-checkbox> 组件未正确呈现在页面上（出现阶段符号）答案

【问题标题】：<v-radio> and <v-checkbox> components don't render on the page correctly (stage symbols appear)<v-radio> 和 <v-checkbox> 组件未正确呈现在页面上（出现阶段符号）
【发布时间】：2020-09-29 13:54:05
【问题描述】：

我有两个 Vuetify 组件 <v-radio> 和 <v-checkbox>：

<v-radio-group 
    v-if="thisDessert.input_type == 'checkbox_single'"
>
    <v-radio
        disabled
        v-for="value in allValues"
        :key="value"
        :label="value"
    />
</v-radio-group>

<div
    flat
    v-else-if="thisDessert.input_type == 'checkbox_multiple'"
>
    <v-checkbox
        readonly
        v-for="value in allValues"
        :key="value"
        :label="value"
    />
</div>

注意：allValues 表示一个数组，例如类似 ["Ve","We","Te"]

它们在功能上起作用，所以如果thisDessert.input_type == 'checkbox_multiple' 则v-checkbox 代表正确的值。然而它看起来像这样：

我该如何解决这个问题？

【问题讨论】：

标签： javascript checkbox radio-button vuetify.js radio-group

【解决方案1】：

它可能与版本有关，我尝试在 codepen 中运行它，并且 radio/checkbox 似乎正在工作。 https://codepen.io/manojkmishra/pen/dyYERzX

模板

<div id="app">
  <v-app id="inspire">
  <v-radio-group >
  <v-radio disabled v-for="value in allValues" :key="value" :label="value"/>
  </v-radio-group>
  <div flat >
  <v-checkbox readonly v-for="value in allValues" :key="value" :label="value" />
  </v-app>
</div>

脚本

new Vue({
el: '#app',
data () {
  return {
    allValues:["Ve","We","Te"]
  }
}
})

【讨论】：