title: With leaflet in bootstrap-vue remove default dialog popup on marker's click
body: <p>In vue/ bootstrap-vue app with leaflet 1.6.0 I make custom modal dialog on marker clicking
  and I can not remove default dialog popup. I do</p>
  
  <pre><code>            let nextMarker = this.leaflet.marker(
                  [nextLocationPoint.lat, nextLocationPoint.lng], {icon: markerIcon})
                  .addTo(locationsMap)
                  .bindPopup(nextLocationPoint.title)
                  .on('mouseover', this.locationMarkerOnMouseOver)
                  .on('click', this.locationMarkerOnClick)  
  
      methods: {
  
          locationMarkerOnClick(e) {
              console.log('locationMarkerOnClick e::')
              console.log(e)
  
              // e.stopPropagation()  // THIS RAISE ERROR
              // e.preventDefault()  // THIS RAISE ERROR
  
              e.cancelBubble = true
              window.event.cancelBubble = true  // NOTHING OF THESE METHODS WORK
              window.event.preventDefault(e)
              window.event.stopPropagation()
  
              this.$bvModal.show('viewAdLocationModal')
  
              return false
          }, // locationMarkerOnClick(e) {
  </code></pre>
  
  <p>I know that in vuejs syntax like :</p>
  
  <pre><code>&lt;div @click.stop.prevent.self=""&gt;
  </code></pre>
  
  <p>OR</p>
  
  <pre><code>@click.prevent="handleClick"
  </code></pre>
  
  <p>But if it can be used for my case with leaflet?</p>
  
  <p>How to fix this issue?</p>
  
  <pre><code>"bootstrap-vue": "^2.3.0",
  "vue": "^2.6.11",
  </code></pre>
  
  <p>Thanks!</p>