开发者社区 问答 正文

怎么实现下拉单选组件能够实时控制分组组件的标题?

已解决

如下拉单选组件有A,B,C,D等几个选项,选择A时,两个分组组件的标题为1和2,选择B时,两个分组组件标题为4和7,选择C是,两个组件标题为10和0,

展开
收起
塑料袋定制 2025-02-27 11:12:23 101 分享 版权
来自: 钉钉宜搭
1 条回答
写回答
取消 提交回答
  • 若问题得到了解决,辛苦点下采纳回答哦~
    采纳回答

    您好,可以给组件标题绑定变量,在下拉单选组件的change事件中判断下。具体可参考下图示例:
    第一步:先新建两个变量
    image.png
    第二步:分别给两个分组 绑定对应的变量
    image.png
    image.png
    第三步:在下拉单选的change事件中,根据不同的选项,把变量设置成对应的值
    image.png

    //如果下拉单选的值等于A的时候
    if (value =="A"){
        //将分组1的标题变量的值设置为1,分组2的标题变量设置为2
        this.setState({
          "title1":"1",
          "title2":"2"
        })
        //如果下拉单选的值等于B的时候....
      } else if (value == "B"){
        this.setState({
          "title1": "4",
          "title2": "7"
        })
      } else if (value == "C") {
        this.setState({
          "title1": "10",
          "title2": "0"
        })
      }
    

    最终效果:选择C时,下面的分组标题会自动变化
    image.png

    2025-02-27 16:14:38
    赞同 338 展开评论
问答分类:
问答地址:
关联地址:
归属于问产品:
宜搭
收录在圈子:
+ 订阅
「宜搭」是云钉原生低代码平台(钉钉 PaaS - aPaaS),让企业应用搭建更简单! 帮助中小企业降本提效,加强组织的数字化自主权; 帮助大型企业释放个体创新力,助力组织创新涌现。
还有其他疑问?
咨询AI助理