element Plus 的Loading组件自定义问题

let svg = `<path class="path" d="
          M 30 15
          L 28 17
          M 25.61 25.61
          A 15 15, 0, 0, 1, 15 30
          A 15 15, 0, 1, 1, 27.99 7.5
          L 15 15 " style="stroke-width: 4px; fill: rgba(0, 0, 0, 0)"></path>
        `
let loadingObj = this.$loading({
        lock: true,
        text: '识别中...',
        spinner: svg,
        background: 'rgba(0, 0, 0, 0.5)',
        target: document.querySelector('.submit-test-dialog')
      })

在vue3+element Plus中也会用到自定义Loading加载状态，我在开发过程中也遇到过。

发现spinner属性自定义的图标不是很大就是转的不对,如下图所示

下图是官网Loading的后台代码

 后来求助GitHub，发现这是个bug，

于是只好把这个spinner属性注释掉，用element Plus内置的icon

同时随笔记一下this.$loading和 ElLoading.service都可以使用Loading