qq_63064130的博客

原创 Vue前端组件封装

可以看到这个动态组件的组成，就如之前所说的未来支持插槽，所有不能将所有el-form-item的都设置为动态组件，我们看到首先判断了它是input的还是select的，通过is将该组件渲染成对应的comtype，绑定双向数据绑定，设置了默认的一个展示数据样式。请自动忽略前面讲过的部分，ref就是用来获取组件实例的，model是用来获取表单数据注意是响应式数据，inline其实就是行内表单模式，可以忽略，其实是为了满足我自己开发时需要时加上的，size就是表单内元素大小。以上就是对整个表单组件的封装。