Vue組件正則表達式驗證

這是代碼和輸出的內容，不知道有沒有人遇到過這個情況，正則不按常理出牌的啊，還是我什么地方寫錯了

<template>
  <div>
    <div class="handle ui-resizable-l" @mousedown.stop="leftMove"></div>
    <div class="handle ui-resizable-t" @mousedown.stop="leftMove"></div>
    <div class="handle ui-resizable-r" @mousedown.stop="leftMove"></div>
    <div class="handle ui-resizable-b" @mousedown.stop="leftMove"></div>
    <div class="handle ui-resizable-lt" @mousedown.stop="leftMove"></div>
    <div class="handle ui-resizable-tr" @mousedown.stop="leftMove"></div>
    <div class="handle ui-resizable-rb" @mousedown.stop="leftMove"></div>
    <div class="handle ui-resizable-bl" @mousedown.stop="leftMove"></div>
  </div>
</template>
<script>
export default {
  name: 'resizable',
  data () {
    return {
      d: ''
    }
  },
  methods: {
    leftMove (e) {
      let elcs = e.target.className
      let el = ''
      let x = e.clientX
      let y = e.clientY
      console.log(elcs)
      if (/e-l$/g.test(elcs)) {
        el = 'l'
      } else if (/e-t$/g.test(elcs)) {
        el = 't'
      } else if (/e-r$/g.test(elcs)) {
        el = 'r'
      } else if (/e-b$/g.test(elcs)) {
        el = 'b'
      } else if (/e-lt$/g.test(elcs)) {
        el = 'lt'
      } else if (/e-tr$/g.test(elcs)) {
        el = 'tr'
      } else if (/e-rb$/g.test(elcs)) {
        el = 'rb'
      } else if (/e-bl$/g.test(elcs)) {
        el = 'bl'
      }
      console.log(el)
      document.onmousemove = (e) => {
        let currentX = e.clientX
        let currentY = e.clientY
        this.$emit('move', {
          el: el,
          x: currentX - x,
          y: currentY - y
        })
        x = currentX
        y = currentY
      }
      document.onmouseup = function () {
        document.onmousemove = null
        document.onmouseup = null
      }
    }
  }
}
</script>

這是.vue文件基本代碼

這是在控制臺寫輸出的，同樣的正則，同樣的值，輸出卻是不同的