在Leaflet和Vue.js中创建的Select中,在函数事件(onChange)中调用函数

时间:2018-12-11 18:05:39

标签: javascript vue.js leaflet onchange

我正在Vue.js和Leaflet中制作一个应用程序。 在此应用中,我使用L.DomUtil创建了一个Select in传单

  this.select = L.DomUtil.create('select','leaflet-countryselect',this.div);

我找不到在“选择”中放置“ v-on:change”的方法,因此,我必须在Vue.js的“函数方法”内部调用事件函数。

 methods: {
   firstFunction{
   },
   secondFunction() {
      this.select.on('change', function(e){
           this.firstFunction()
      }
   }
 }

但是它不起作用,错误是“ this.firstFunction()不是函数”

我试图放

   .../
     var _self = this
     _self.firstFunction()
    ../

但是无论如何还是不工作。

我该怎么办?谢谢。

1 个答案:

答案 0 :(得分:1)

您应按以下方式使用箭头功能()=>

      secondFunction() {
          this.select.on('change', (e)=>{
            this.firstFunction()
              }
        }