vue3 +leader-line-vue 问题使用记录

1.引入

<template>
    <div ref="startRef" id="start">start</div>
    <div ref="endRef" id="end">end</div>
</template>
<script>
    import LeaderLine from 'leader-line-vue'
    const startRef = ref<any>()
    const endRef = ref<any>()
    const line = ref<any>()//后边清空线条使用

    line.value = LeaderLine.setLine(startRef.value, endRef.value)

    //页面卸载前清除LeaderLine实例
    onBeforeUnmount(() => {
      line.value.remove()
    })
</script>
    <style>
    .leader-line {
       z-index: 999;
        /*解决线段被遮挡问题，不报错线段出不来就是被遮挡*/
    }
</style>