vue和el-button一起使用

Question

我写了一个叫做植被的按钮，点击按钮可以显示WMS的地图服务
效果如下图

对应的代码如下,el-button以及WMSservice的方法

<el-button type="primary" class="btn" value="植被" size="mini" @click="WMSservice">植被</el-button>

WMSservice(){
      this.map = amapManager.getMap();
      var wms = new AMap.TileLayer.WMS({
        url: "https://ahocevar.com/geoserver/wms",
        blend: false,
        tileSize: 512,
        params: {
          LAYERS: "topp:states",
          VERSION: "1.3.0",
        },
      });
       //console.log(wms.url);
       wms.setMap(this.map);
}

问题：如何在第二次点击该按钮时将此wms服务取消（地图上消失，再次点击再次出现），每两次点击一个循环

Answer 1

给地图服务一个是否显示的标志，v-show控制