效果展示
好了, 话不多说先给大佬们看看效果样式:
组件难点
因为下拉框可能会在某些情况下被挡住, 所以这里的下拉框被挂载到了body标签上, 并且下拉框中的选项往往是以插槽的形式编写,...,如果不填或为空则默认选中插槽中的第一个 tk-select-item 中的值 - -
tk-select-item 为select下选项子标签(选项标签), tk-select-item 内可以继续写入其他...>
标题
复制代码
select 主要有触发下拉按钮tk-select-button和下拉列表tk-select-dropdown组成, 下拉框中的选项未来将由插槽插入..., 但是在 vue3 setup中并不能获取到正确的parent, 所以我想到了可以在 select 创建时派发一个 token 在讲此令牌传给所有子类, 好了理论存在, 开始实践.
provide &...inject
在vue中使用provide可以向子类、孙类等等后代传输数据, 后代使用inject接收数据.查看官网
派发token令牌
这里可以模仿Java中的UUID
// token.js
function