computed使用场景

最新推荐文章于 2024-10-17 08:45:43 发布

xiongdaandxiaomi

最新推荐文章于 2024-10-17 08:45:43 发布

阅读量544

点赞数

分类专栏： Vue 文章标签： computed

本文链接：https://blog.csdn.net/xiongdaandxiaomi/article/details/112765441

版权

Vue 专栏收录该内容

64 篇文章 2 订阅

订阅专栏

在这里插入图片描述

computed

  computed: {
    lnglat() {
      return {
        lng: this.click_station_info.lng,  // 对应页面v-model“站点经度”，“站点纬度”
        lat: this.click_station_info.lat,
      };
    },
  },

watch 经纬度的变化

watch: {
  lnglat(n, o) {
      if (!n.lng || !n.lat) return false;
      var gps = coordtransform.wgs84togcj02(n.lng, n.lat);
      var bd = coordtransform.gcj02tobd09(gps[0], gps[1])  // 上面两步，将wgs84转为百度坐标系
      if(this.m_station_data.title == '新增标站信息'){
      this.map.panTo(new BMap.Point(...bd) )  // 改变中心点
      }

      this.layer && this.layer.clear();
      this.layer && this.layer.clearInfowindow();
      const options = {
        bgcolorDefault: "#69CE0F", // 指定背景色
        fgcolorDefault: "black", // 指定前景色
        intensity: this.intensity,
        titleKey: "station",
        showValue: false,
        defaultValue: "",
        icon: "",
        coord: "wgs84",
      };
      // setTimeout(() => { 
        this.layer = nMap.nMarkers(
          this.map,
          [
            {
              station: this.click_station_info.station,
              lng: n.lng,
              lat: n.lat,
            },
          ],
          options,
          {}
        );
      // }, 1000);
    },
}