VUE实战11：下拉选择列表（Select）控件，输入框输入系列，后台Admin

这次Github上传错了，标题里的序号错了，我觉得是这样的：《VUE 实现 Studio 管理后台（十一）：下拉选择列表（Select）控件，输入框 input 系列》居然上传了like这个《VUE 实现 Studio 管理后台（九）：下拉选择列表（Select）控件，输入框 input 系列》，无奈的错误，不知道怎么改。下载代码的时候要注意区别。本次分享下拉列表输入组件（Select），效果如下：一如既往取个好听的名字RxSelect，正常的调用代码应该是这样的：列表代码：list:{white:'white',black:'black',red:'red',green:'green',dntknow:'don't知道什么颜色',},up已经介绍了一个组合。我们的项目是通过Json数据动态构建输入界面，所以只需要在测试代码中加入如下代码即可：{label:'color',value:'white',defaultValue:'black',inputName:'RxSelect',props:{list:{white:'白色',black:'黑色',red:'红色',green:'绿色',dntknow:'不知道什么颜色',},},},theRxInputRow控件会将这段数据转换成上面的代码，两者在RxSelect部分是等价的。RxSelect代码：这段代码，没有什么难懂的，有问题欢迎留言。需要注意的是，我在css中设置.list为position:absolute后，子元素li打不开。百度了半天，没有找到合适的解决方案，于是改了背景和阴影的设置，放在了子元素li里面，但是效果还不错，先这样吧。感谢您耐心阅读。详细代码可参考Github：https://github.com/vularsoft/studio-ui如有问题欢迎留言交流。