Invalid prop: type check failed for prop "name". Expected String with value "17", got Number with va

最新推荐文章于 2023-12-28 11:21:09 发布

翱翔天地

最新推荐文章于 2023-12-28 11:21:09 发布

阅读量1.6w

点赞数 2

分类专栏： Vue.js 文章标签： vue.js npm

本文链接：https://blog.csdn.net/you23hai45/article/details/100534538

版权

这篇博客介绍了在使用Vue.js时遇到的一个常见错误，即Invalid prop错误，具体涉及prop 'name'的类型检查失败。问题源于后台传递的数据类型为数字，而el-checkbox组件要求'name'属性为字符串。为了解决这个问题，博主提出了一个解决方案，即创建一个过滤器，将接收到的数字类型转换为字符串，从而避免类型不匹配的报错。

摘要由CSDN通过智能技术生成

1、错误描述

vue.runtime.esm.js:631 [Vue warn]: Invalid prop: type check failed for prop "name". Expected String with value "17", got Number with value 17.

found in

---> <ElCheckbox> at packages/checkbox/src/checkbox.vue
       <ElFormItem> at packages/form/src/form-item.vue
         <ElCol>
           <ElRow>
             <ElForm> at packages/form/src/form.vue
               <ElDialog> at packages/dialog/src/component.vue
                 <Index> at src/views/org/index.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:631
vue.runtime.esm.js:631 [Vue warn]: Invalid prop: type check failed for prop "name". Expected String with value "18", got Number with value 18.

found in

---> &