1.js报错:[Vue warn]: Invalid prop: type check failed for prop "value". Expected String, Number, got Boolean with value false.
可以看到是有字段值是boolean,而期望是string和number。
看错误堆栈,应该在:toEdit,这里。
[Vue warn]: Invalid prop: type check failed for prop "value". Expected String, Number, got Boolean with value false.
found in
---> <ElInput> at packages/input/src/input.vue
<ElFormItem> at packages/form/src/form-item.vue
<ElForm> at packages/form/src/form.vue
<ElDialog> at packages/dialog/src/component.vue
<CourseCategory>
<Layout2> at src/layout/Layout2.vue
<AppMain> at src/layout/components/AppMain.vue
<Layout> at src/layout/index.vue
<App> at src/App.vue
<Root>
warn @ vue.runtime.esm.js:619
...
resetForm @ crud.js:539
toEdit @ crud.js:227
click @ UD.operation.vue?1403:83
...
Show 22 more frames
2.在method加入crud.js的钩子函数:beforeToEdit,enabled字段是boolean,改成字符串就可以使用了。
methods: {
// 钩子:在打开编辑之前执行
[CRUD.HOOK.beforeToEdit](crud, form){
form.enabled=form.enabled+"";
}
}
<el-switch
v-model="form.enabled"
active-color="#13ce66"
inactive-color="#ff4949"
active-value="true"
inactive-value="false">
</el-switch>