Cara menggunakan komponen kelas vue
P粉529245050
P粉529245050 2024-02-26 12:39:59
0
1
397

rreeee

komponen kelas vue

<script lang="ts">
import { defineComponent, ref, nextTick, unref, onMounted } from 'vue';

import { useScript } from '/@/hooks/web/useScript';

const BAI_DU_MAP_URL = 'https://api.map.baidu.com/getscript?v=3.0&ak=xxx';
export default defineComponent({
  setup() {
    const wrapRef = ref<HTMLDivElement | null>(null);
    const { toPromise } = useScript({ src: BAI_DU_MAP_URL });

    async function initMap() {
      await toPromise();
      await nextTick();
      const wrapEl = unref(wrapRef);
      if (!wrapEl) return;
      const BMap = (window as any).BMap;
      const map = new BMap.Map(wrapEl);
      const point = new BMap.Point(116.404, 39.915);
      map.centerAndZoom(point, 15);
      map.enableScrollWheelZoom(true);
    }

    onMounted(() => {
      initMap();
    });

    return { wrapRef };
  },
})
</script>

const { toPromise } = useScript({ src: BAI_DU_MAP_URL }); -->private toPromise = useScript({ src: BAI_DU_MAP_URL })

Ralat:

Uncaught (dalam janji) TypeError: this.toPromise bukan fungsi

Bagaimana cara menulis dan menggunakan vue-class-component?

P粉529245050
P粉529245050

membalas semua(1)
P粉864872812

Disebabkan penamatan dalam Vue 3 vue-class-component,因此可以使用替代选项:vue-faceing-decorator.

Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!