如下拉单选组件有A,B,C,D等几个选项,选择A时,两个分组组件的标题为1和2,选择B时,两个分组组件标题为4和7,选择C是,两个组件标题为10和0,
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。
您好,可以给组件标题绑定变量,在下拉单选组件的change事件中判断下。具体可参考下图示例:
第一步:先新建两个变量
第二步:分别给两个分组 绑定对应的变量
第三步:在下拉单选的change事件中,根据不同的选项,把变量设置成对应的值
//如果下拉单选的值等于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时,下面的分组标题会自动变化