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

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

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

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


视图层结构


props可扩展结构



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

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


2组件的宽度设置


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

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



你可能感兴趣的:(2020-01-13 输入框式下拉组件,VUE 使用7个月)