我有一个来自 vuetify 的 v-select 组件。我需要在这个组件中使用带有 true、false 和 null 选项的 boolean 值,我正在寻找如何以正确的方式做到这一点的解决方案
我的代码:
选择.js
<template>
<v-row align="center">
<v-col cols="12">
<v-select
:items="items"
readonly
label="Read-only"
></v-select>
</v-col>
</v-row>
</template>
脚本.js
<script>
export default {
data: () => ({
items: ['Foo', 'Bar', 'Fizz', 'Buzz'],
}),
}
</script>
最佳答案
要使用 boolean 值和 null,您的项目应具有以下结构:
new Vue({
el: "#app",
vuetify: new Vuetify(),
data: () => ({
items: [
{
text: "true",
value: true
},
{
text: "false",
value: false
},
{
text: "null",
value: null
}
]
})
});
关于javascript - Vue,具有 true/false boolean 值的 v-select 组件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/64883718/