0
点赞
收藏
分享

微信扫一扫

el-admin-web CRUD.js [Vue warn]:Expected String, Number, got Boolean with value false.

无聊到学习 2022-02-12 阅读 75

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>
举报

相关推荐

0 条评论