0

问题描述

目前需要实现Select下拉菜单的联动效果,改变父级的Select后子级的Select跟随父级改变。
效果如下
clipboard.png

相关代码

// 请把代码文本粘贴到下方(请勿用图片代替代码)

Select是iview中的组件,用render函数生成

let more = h('Select',{

                props:{
                    value: tmp_value,
                    placeholder: this.$t('userList.selectRole'),
                    clearable: true,
                    transfer: true,
                    'element-id':'select' + data.uuid,
                },
                on:{
                    input:function(role){
                        if(data.tree_type == 'group'){
                            _this.$set(_this.groupRoles, data.uuid, role)
                        }else{
                            _this.$set(_this.resourceRoles, data.uuid, role)
                        };
                        
                    },
                },
            },options);

你期待的结果是什么?实际看到的错误信息又是什么?

想到用Select的双向绑定来实现,父级的改变了Select然后同步改变子级的Select的value,不过貌似不太行得通,求大佬指导

Ausmo 3
2018-11-01 提问
1 个回答
0

1.要理解在vue里所有的界面展示都是依赖于数据的,数据变化了界面自然变化,不管是render渲染的还是模板里的
2.所以你只需要在左边选择了某个选型时更新右边的数据就好了

撰写答案

推广链接