2020-01-13 输入框式下拉组件,VUE 使用7个月

这次需要定义一个可下拉且可以随意编辑的下拉输入框组件

处于初次写二次封装,就自己写了一个:

按照组件最开始的考虑就是1:要又属性扩展性,2 要又数据扩展性,3 插槽一定等要用上 ,这样的组件才是比较功能完善的思路手写了一个


视图层结构


props可扩展结构



总结了第一次二次封装组件的一些结构:

1 属性props传入,但是需要对默认属性进行扩展所有有了最后属性


2组件的宽度设置


根据传入的宽度,覆盖默认宽度即可,做数字和字符串判断以即其他类型判断。避免出错

3:如果带入的数组没有对应的字段做label显示,可以根据传入的PROPS 动态增加数组内部一个显示字段,如果传入数据需要用对应的内部字段,就不需要传入props的对应字段



©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 点击查看原文 Web SDK 开发手册 SDK 概述 网易云信 SDK 为 Web 应用提供一个完善的 IM 系统...
    layjoy阅读 14,769评论 0 15
  • 概要 64学时 3.5学分 章节安排 电子商务网站概况 HTML5+CSS3 JavaScript Node 电子...
    阿啊阿吖丁阅读 9,983评论 0 3
  • 作为一个合格的开发者,不要只满足于编写了可以运行的代码。而要了解代码背后的工作原理;不要只满足于自己的程序...
    六个周阅读 8,722评论 1 33
  • 9.1 什么是组件? 组件(Component)是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素,...
    白水螺丝阅读 935评论 0 2
  • 此文基于官方文档,里面部分例子有改动,加上了一些自己的理解 什么是组件? 组件(Component)是 Vue.j...
    陆志均阅读 4,006评论 5 14

友情链接更多精彩内容