How do the Select components in the iview rendered by the render function interact?

problem description

at present, you need to achieve the linkage effect of the Select drop-down menu. After changing the Select of the parent, the Select of the child changes with the parent. The effect of
is as follows:
clipboard.png

related codes

/ / Please paste the code text below (do not replace the code with pictures)

Select is a component in iview. Generate

with render function.

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);

what result do you expect? What is the error message actually seen?

think of using the two-way binding of Select to implement. The parent changes the Select and then Synchronize changes the value, of the child Select, but it doesn"t seem to work. Ask the boss for guidance


1. To understand that all interface presentation in vue depends on data, the data changes naturally in the interface, whether rendered by render or
2 in the template. So you just need to update the data on the right when you select a selection on the left

Menu