美文网首页程序员
cascader-联级选择器(点击触发下一级)

cascader-联级选择器(点击触发下一级)

作者: zouCode | 来源:发表于2020-06-08 16:50 被阅读0次

前言

根据公司业务需求,需要根据选择的一级显示二级,选择二级显示三级,就算有下级也可以只单独选择某级。在这个需求下面,一些常用的滑动联机选择器就不能满足业务需求。因为滑动联机选择器只能选择最后一级,不能单独选择一二级。
所以在网上找了很久插件,全都是滑动联机选择器,只有一个时点击联机选择器,但是个人开发的,只能联动四级,而且怕会有bug,所以还是放弃了。
最终,找来找去,浪费大量时间,还是转头将自己之前写小程序用的wux weapp中的cascader组件改写成了vue组件,ui库的东西毕竟还是觉得靠谱点,哈哈

效果

cascader.gif

文档

使用基本相同,就是controlled(是否受控)给砍了,也不影响使用

使用文档参考:点击这里

下载

点击这里下载,喜欢的可以帮忙点个小星星,嘿嘿

相关文章

  • cascader-联级选择器(点击触发下一级)

    前言 根据公司业务需求,需要根据选择的一级显示二级,选择二级显示三级,就算有下级也可以只单独选择某级。在这个需求下...

  • 8.hover选择器

    1.hover选择器 1.:hover选择器可用于所有元素,不只是链接。2.定位在父级写触发事件,事件变化在子级写...

  • 今日所学知识点

    选择器的优先级 1.权重内联样式 优先级1000id选择器 优先级100类选择器 优先级10元素选择器 优先级1通...

  • 2019-05-28 选择器优先级,a的伪类,文本标签,列表,单

    选择器的优先级 优先级的规则 内联样式,优先级1000 id选择器,优先级100 类和伪类,优先级10 元素选择器...

  • vue中capture和self的区别

    .capture先执行父级的函数,再执行子级的触发函数 此时点击子级的div时,会先执行alert(‘1’),再执...

  • ul li each遍历与find联用

    li 里有子级a标签,需要实现的是点击a标签触发事件,不同的li 里的a触发不同事件

  • CSS样式学习2

    !important 声明最高 标签选择器优先级:id选择器优先级>class优先级>标签选择器 1.权值相同 同...

  • 【JS】事件委托

    事件委托,主要思想是: 给父级元素定义一个事件(比如 onclick 点击事件)。 父级元素触发这个事件后,就会命...

  • 2019-05-28

    选择器的优先级 优先级的规则:1.内联样式:优先级1000 2.id选择器:优先级100 ...

  • 2018.9.7HTML笔记

    样式的优先级 内联样式,优先级1000 id选择器,优先级100 类和伪类,优先级10 元素选择器,优先级1...

网友评论

    本文标题:cascader-联级选择器(点击触发下一级)

    本文链接:https://www.haomeiwen.com/subject/mcbrtktx.html