Question

使用产品：icilent for leaflet

问题详细描述：L.control.sideBySide()控件无法切换左右卷帘图层

现有一个需求，通过事件监听select DOM的value值变化来确定左右卷帘图层，但编写后无法进行切换，想请教一下是什么原因

//监听select value切换事件
onSelectedChange(){
      var leftLayer= this.layerActive.find((item) => item.name === this.$refs.leftSeleted.value); 
      var rightLayer= this.layerActive.find((item) => item.name === this.$refs.rightSeleted.value); 
      //通过value值获取激活图层列表中的左右图层
      if(this.siderLayer!==null){this.map.removeControl(this.siderLayer) }
      this.siderLayer = new L.control.sideBySide([],[]).addTo(this.map)
      this.siderLayer.setLeftLayers(leftLayer)
      this.siderLayer.setRightLayers(rightLayer)
      this.siderLayer.addTo(this.map)
    },

Answer 1

您好，给您建议几个排查思路，方便您解决定位问题

1.您现在的这个代码逻辑不在您的监听事件里，在您代码主流程里是否正确有效

2.监听事件在您业务需要时是否被正常触发

3.事件触发时是否有那行代码执行报错或结果不对为空等

4.监听事件触发时，您的各项变量和指向是否正确有效

希望可以帮助到您。