我将Vutify复选框绑定到一个值.但是，即使该值等于指定的"真值"，复选框也不会显示为选中状态.为了确认，我在复选框下方显示模型值及其类型.使用本机真/假值不是一个选项，因为数据后端需要值1和0.
屏幕截图:
我知道这是Setting initial value of a Vuetify checkbox的复制品，但没有回答或 comments ，我也不被允许发表 comments .
<v-checkbox
v-model="getActiveQuote.isSDIS"
v-bind:false-value="'0'"
v-bind:true-value="'1'"
></v-checkbox>
{{ getActiveQuote.isSDIS }} {{ typeof getActiveQuote.isSDIS }}
当我试用时，您的示例可以正常工作:
const { createApp, ref } = Vue;
const { createVuetify } = Vuetify
const vuetify = createVuetify()
const app = {
setup(){
const getActiveQuote = ref() // base object has to be a ref
getActiveQuote.value = {isSDIS: '1'} // or you could pass this through reactive()
return {
getActiveQuote
}
}
}
createApp(app).use(vuetify).mount('#app')<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/vuetify@3/dist/vuetify.min.css" />
<link href="https://cdn.jsdelivr.net/npm/@mdi/font@5.x/css/materialdesignicons.min.css" rel="stylesheet">
<div id="app">
<v-app>
<v-main>
<v-checkbox
v-model="getActiveQuote.isSDIS"
false-value="0"
true-value="1"
></v-checkbox>
{{ getActiveQuote.isSDIS }} {{ typeof getActiveQuote.isSDIS }}
</v-main>
</v-app>
</div>
<script src="https://unpkg.com/vue@3/dist/vue.global.prod.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vuetify@3/dist/vuetify.min.js"></script>