效果展示
好了, 话不多说先给大佬们看看效果样式:
组件难点
因为下拉框可能会在某些情况下被挡住, 所以这里的下拉框被挂载到了body标签上, 并且下拉框中的选项往往是以插槽的形式编写,...tk-select-item 中的值 - -
tk-select-item 为select下选项子标签(选项标签), tk-select-item 内可以继续写入其他 HTML 内容, 每项的具体值由...v-modal 实时获取到 下拉选项 选取到的值
注意: 这里的 v-modal 并没有做成双向绑定, 这里只用于获取到 select 中选中的值, 只能用于获取, 主动修改其值并无效果, 并且不支持...tk-select-button和下拉列表tk-select-dropdown组成, 下拉框中的选项未来将由插槽插入.
下拉选项时非常完美,但是如果页面上有两个select存在时问题来了. 我们发现当控制其中一个选项被选中是, 另外一个select显示的值也随之改变.