暴力破解-------element-ui(By 饿了么)

最新推荐文章于 2025-05-28 21:43:05 发布

原创最新推荐文章于 2025-05-28 21:43:05 发布 · 1.2k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#element-ui #样式修改

本文介绍在Vue开发中使用Element UI框架时遇到的问题及解决方案，特别是如何通过JavaScript动态地修改框架内的元素样式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

好久没有为大家分享干货了，今天为大家分享一下近期所学的vue经验所得。

Vue开发中，以使用element-ui这个框架为例，有时候我们需要动态的在方法中去修改元素的某些属性与样式，但是当我们使用Vue官方提供的this.$refs.xxx.style的时候，操作非框架元素完全没问题，但是操作element-ui这个框架，可谓是堪称在太岁头上动土---------权限不足，那么如何解决呢？很简单，请看例子：

watch: {
  time: function () {
    if (this.time == 100) {
      document.querySelector('.panel').style.opacity = 1
    }
  },
  types: function () {
    if (Object.is(this.types,'right')) {
      this.openSuc();
    } else if (Object.is(this.types,'wrong')) {
      this.openErr();
    }
  }