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

2024-02-11

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

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

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

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

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

我试着把

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

但无论如何,不​​起作用。

我该怎么做?谢谢。


你应该使用箭头函数()=>{...}访问组件实例this如下 :

      secondFunction() {
          this.select.on('change', (e)=>{
            this.firstFunction()
              }
        }
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

在函数事件(onChange)中调用函数,来自在Leaflet和Vue.js中创建的Select 的相关文章

随机推荐