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

最新推荐文章于 2023-10-12 13:17:18 发布

可乐与远方

最新推荐文章于 2023-10-12 13:17:18 发布

阅读量1.8k

点赞数 1

分类专栏： vue里获取css属性文章标签： vue.js css

本文链接：https://blog.csdn.net/kelezx/article/details/112477663

版权

在Vue项目中遇到无法直接获取元素CSS属性的问题，通过使用window.getComputedStyle(element, null)的方法，可以在任意时刻获取到元素的样式信息，无需局限于mounted()生命周期钩子。" 106027883,9537997,考研or工作？计算机专业选择指南,"['计算机科学', '教育', '职业规划']

摘要由CSDN通过智能技术生成

在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去弄