Question

我有一个使用Vuetify复选框的Vue JS应用。我无法将初始值设置为选中。

<v-checkbox
  v-else-if="input.type == 'checkbox'"
    false-value="0"
    true-value="1"
    v-model="input.val"
    :error-messages="form.errors[field]"
>

当input.val等于1时，我希望复选框开始时处于选中状态。但是，该复选框不会以选中状态开始。

我也尝试添加道具：

:value="input.val"
:input-value="input.val"

尽管这些都不影响复选框的启动状态。如果input.val以1开头，为什么未选中此框？

<v-checkbox
  v-else-if="input.type == 'checkbox'"
  false-value="0"
  true-value="1"
  :value="input.val"
  :input-value="input.val"
  v-model="input.val"
  :error-messages="form.errors[field]"
>
  <template #label>@{{ input.hint }}</template>
</v-checkbox>

Answer 1

您需要对数字使用const upload = multer({ dest:'./uploads' }) app.post("/setdata", upload.single('file'),function(req, res, next){ console.log('request arrived'); console.log('filename is '+ req.file); res.header("Access-Control-Allow-Origin", '*'); res.header("Access-Control-Allow-Credentials", true); res.header('Access-Control-Allow-Methods', 'GET,PUT,POST,DELETE,OPTIONS'); res.header("Access-Control-Allow-Headers", 'Origin,X-Requested-With,Content-Type,Accept,content-type,application/json'); })或:，如果您使用v-bind可以正常工作。示例on codepen。

示例

v-bind:true-value

Answer 2

尝试删除$renderer()和false-value，并使用true-value或false告诉它是否应在true中进行检查。

设置Vuetify复选框的初始值

2 个答案: