Markers aren't working properly when I use them on a component
<p>So I start using leaflet on my site, and I manage to make a search in which with the name of my items, I could show them. the problem is that I need to display information on click, but my markers aren't clickable.</p>

<p>here is my component:</p>

<pre><code>&lt;template&gt;
    &lt;div id="mapid" style="width: 600px; height: 400px"&gt;&lt;/div&gt;
&lt;/template&gt;


&lt;script&gt;
    var swal = require('sweetalert');
    var config = require('../../config.js');
    var Vue = require('vue');
    name: 'mapOrganization',
        data: function(){
            return {
                L : {},
            }
        },
ready: function(){
var L = require('../../lib/leaflet/leaflet.js')
        L.Icon.Default.imagePath = '../../lib/leaflet/images';
        this.initMap();
}
methods: {
initMap: function(organizations) {

            var mymap = L.map('mapid').setView([51.505, -0.09], 13);
            L.tileLayer('https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token=pk.eyJ1IjoibWFwYm94IiwiYSI6ImNpandmbXliNDBjZWd2M2x6bDk3c2ZtOTkifQ._QA7i5Mpkd_m30IGElHziw', {
                maxZoom: 18,
                attribution: 'Map data &amp;copy; &lt;a href="http://openstreetmap.org"&gt;OpenStreetMap&lt;/a&gt; contributors, ' +
                '&lt;a href="http://creativecommons.org/licenses/by-sa/2.0/"&gt;CC-BY-SA&lt;/a&gt;, ' +
                'Imagery © &lt;a href="http://mapbox.com"&gt;Mapbox&lt;/a&gt;',
                id: 'mapbox.streets'
            }).addTo(mymap);
            L.marker([51.5, -0.09]).addTo(mymap).bindPopup("&lt;b&gt;Hello world!&lt;/b&gt;&lt;br /&gt;I am a popup.").openPopup();
            L.circle([51.508, -0.11], 500, {
                color: 'red',
                fillColor: '#f03',
                fillOpacity: 0.5
            }).addTo(mymap).bindPopup("I am a circle.");
            L.polygon([
                [51.509, -0.08],
                [51.503, -0.06],
                [51.51, -0.047]
                ]).addTo(mymap).bindPopup("I am a polygon.");
            var popup = L.popup();
            function onMapClick(e) {
                popup
                .setLatLng(e.latlng)
                .setContent("dasd" + e.latlng.toString())
                .openOn(mymap);
            }
            mymap.on('click', onMapClick);
           }
         }
</code></pre>

<p>I have try with the Option {clickable: true}, still not working. I'm using the simple example leaflet give on start.</p>