清新UI组件库——select组件开发思路

    技术2022-07-10  122

    清新组件库:http://ifresh-ui.yating.online/

    源码地址:https://github.com/Chenyating/iFresh-ui

    select组件遇到的问题

    思路:单选跟多选,就是radio跟checkbox的结合体;

    条件判断,是否可以多选。

    z-index

    失效的原因:

    父级元素position可能是relative,或者是没有position;元素存在float属性

    解决办法:

    position设置部位relative去掉float,清除浮动,浮动元素设置position;overflow设置为auto;

    tabindex

    按tab建的时候顺序触发,可以有blur事件跟focus事件;

    展示

    显示项目(已经选中的框)(框)下拉列表项目(已选中项的状态)

    .sync 就是一个语法糖

    <parent @click="father()">点击以后子组件出现</parent> <children :hehe.sync='ifshow' v-if="ifshow"/> <!-- children --> <div @click="children">点击以后子组件消失</div> 子向父传参数,通常我都是这么写的: this.$emit('funcName','false') <children @eventName='funcName'> funcName(value){ this.ifshow=value } 但其实可以这么写: this.$emit('update:Name','false') <children @update:Name='towho'> 等同于=>@update:Name=function(value){towho=value} 等同于=>@update:Name=value=>towho=value 等同于=>:Name.sync=towho <children :Name.sync='towho'/>
    Processed: 0.019, SQL: 10