如何将传单.js连接到Vue.js

如何将传单.js连接到Vue.js,vue.js,leaflet,openstreetmap,Vue.js,Leaflet,Openstreetmap,如何连接Vue.js中的普通库,然后连接插件。 我知道有一个图书馆-。但是功能有限,并且没有所有必要的插件 我有一个沙箱,我试图连接地图和插件-不确定我是否正确回答了你的问题。您只需导入Vuejs中的传单即可使用它 import L from "leaflet" //omitted basic vue structure data: () => ({ theMap: null, }), mounted(){ this.init() } methods:

如何连接Vue.js中的普通库,然后连接插件。 我知道有一个图书馆-。但是功能有限,并且没有所有必要的插件


我有一个沙箱,我试图连接地图和插件-

不确定我是否正确回答了你的问题。您只需导入Vuejs中的传单即可使用它

import L from "leaflet"

//omitted basic vue structure
data: () => ({
    theMap: null,
}),
mounted(){
    this.init()
}
methods:{
    init(){
        this.theMap = L.map("yourId", {})
        //...Your other codes and options
    }   
},  
别忘了附上你的宣传单

<style src="leaflet/dist/leaflet.css"></style>

我不确定你的问题是否正确。您只需导入Vuejs中的传单即可使用它

import L from "leaflet"

//omitted basic vue structure
data: () => ({
    theMap: null,
}),
mounted(){
    this.init()
}
methods:{
    init(){
        this.theMap = L.map("yourId", {})
        //...Your other codes and options
    }   
},  
别忘了附上你的宣传单

<style src="leaflet/dist/leaflet.css"></style>


正确的连接手册和插件-

正确的连接手册和插件-

谢谢。例如,如何连接第三方插件?您的示例抛出了一个错误-“错误:找不到映射容器”。@Optimus您的代码有点错误,请使用
mounted()
,而不是
created()
,这是不同的。@Optimus为了让扩展的第三方插件工作,您可以导入“可编辑传单”,并且应该包括在内。非常感谢)谢谢。例如,如何连接第三方插件?您的示例抛出了一个错误-“错误:找不到映射容器”。@Optimus您的代码有点错误,请使用
mounted()
,而不是
created()
,这是不同的。@Optimus为了让扩展的第三方插件正常工作,您可以
导入“可编辑传单”
,应该包括在内。非常感谢)