地图在开始进入页面时不起作用,但如果在vuejs中刷新页面时起作用。

地图不工作在开始进入页面,但在Vue.js中刷新页面时工作。

有任何帮助在这个问题上?

这段代码

mounted() { 
    this.geolocate();
},
methods: {

    async geolocate() {
        this.getFloatDirections();
        this.center = {
            lat: this.lat,
            lng: this.lng
        };
        this.coordinates = {
            full_name: this.$route.query.name,
            lat: this.lat,
            lng: this.lng
        };
        // console.log("typeof(this.center.lat)"+typeof(this.$route.params.lat))
    },
    getFloatDirections(){
        this.lat = parseFloat(this.$route.params.lat);
        this.lng = parseFloat(this.$route.params.lng);
    },
    getPosition: function(marker) {
        return {
            lat: marker.lat,
            lng: marker.lng
        };
    },
    toggleInfo: function(marker) {
        this.infoPosition = this.getPosition(marker);
        this.infoContent = marker.full_name;

        this.infoOpened = true;
    }
}

此图刷新前before refresh

此图刷新后

after refresh

解决方案:

替换 mounted()created()

mounted() 是在DOM被挂载后调用的,这样你就可以访问反应式组件、模板和DOM元素并对它们进行操作。

如果你需要了解更多关于vue 生命周期挂钩.

给TA打赏
共{{data.count}}人
人已打赏
未分类

从JSON数据渲染DataTables,如何在表上预选单选按钮?

2022-9-8 11:44:39

未分类

GWT DataGrid getRowElement在手动设置页面后抛出IndexOutOfBoundsException异常

2022-9-8 11:44:41

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索