在vue里获取元素的css获取不到的问题

在vue里获取元素的css获取不到的问题

<template>
  <div>
    <el-tooltip
      :disabled="disabled"
      :content="content"
      placement="bottom"
      effect="light"
    >
      <div class="content" ref="small" @mouseover="fn">
        {
  { content }}===========
      </div>
    </el-tooltip>
    <el-tooltip
      :disabled="disableds"
      :content="content"
      placement="bottom"
      effect="light"
    >
    <div @mouseover="fn1" ref="smallTwo">{
  { content }}</div>
    </el-tooltip>
  </div>
</template>
<script>
export default {
  data() {
    return {
      disabled: true,
      disableds: true,
      content:
        "去弄i去弄i去弄i去弄i去弄i去弄i去弄i去弄i去弄i去弄i去弄