首页
学习
活动
专区
圈层
工具
发布

vue实现下拉框二级联动效果

vue实现下拉框二级联动效果 1、实现效果 2、后端返回的数据格式 3、vue页面中 1、实现效果 2、后端返回的数据格式 "list": [ { "id": "1178214681118568449..."title": "Java" } ] } ] 数据格式不一定和上面的一样,我上一篇文章是把这个数据格式用在了树形控件上面,这里放在二级联动上面...response=>{ this.subjectOneList=response.data.list }) } } } 主要思想就是在第一级下拉框发生单击事件的时候...,我们拿到第一级下拉框的id值(这里你不一定是id值),然后遍历包含所有数据的一级分类集合,找到和当前单击事件选中的一级分类id值相等的那个对象,然后把它的children属性(我的children在后端是个二级分类的集合...当然,你也可以修改下单击事件的执行逻辑,还有一种方法是每单机一次,用单击选中的以及下拉框的键去后端查所有的二级分类,再将查到的二级分类赋值给第二个下拉框即可,但这样效率感觉有点慢,虽然这也是一种实现方式

4.7K52
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    【DEDE栏目】dedecms内容模型管理—联动类别的使用、调用及修改方法

    : 当然,上面说到的是最简单的联动类别,只有一级联动,这种一级联动就可以好比是一个下拉框,用户在选择具体数据的时候只要通过下拉框这种形式就可以对数据进行选择。...,不过个人建议如果设计一级联动选择,最好还是使用“option下拉框”这个数据类型。...使用同样的字段设置方法也可以添加其他二级联动的字段,这个我们可以查看“分类信息”这个模型里面的联动类型数据。...,织梦如何添加二级联动 一、找到:dede/stepselect_main.php文件将以下替换源文件215-290行的对应代码 else if($action=='addenum_save') {...应为这里的标记只判断到3,织梦也最多能添加3级联动。所以足够用了。

    5.5K10

    下拉框的讲解

    拿个例子来说,一个学生信息表中,你可能想查询指定的学院或者指定的班级或者又是指定的某个人,这里可能用到一个下拉框数据的绑定。 ? 这个下拉框是怎么理解的?...比如说这个学院,学院可以有很多个,所以这个学院就可以放在下拉框中供使用者来进行一个筛选的条件。 首先你想弄到这个学院下拉框数据的绑定,就肯定得把这个学院的信息查询出来先, ?...在这些步骤做完后这个学院下拉框数据就绑定好了。 这个年级的下拉框数据绑定就有点不同于这个学院下拉框数据的绑定,为什么这么说?因为是有了学院才能有年级,这两个的关系要搞清楚。...将这个年级的数据查询出来后,就在视图上写学院下拉框数据绑定,触发年级下拉框数据的绑定 首先需要获取到当前选中学院的ID,这样这个通过学院ID查询年级信息的方法才能查询出来。...下面这个是查询按钮的点击事件,也就是学院、年级、班级下拉框数据的绑定。 ? 这个下拉框数据的绑定是很容易理解的,就是有时候像学院对应年级这种关系搞清楚就行,其他的不难理解。

    4.4K10
    领券