vue里用js获取class修改dom的高

在Vue.js中，你可以通过JavaScript操作DOM来动态地添加、修改元素的CSS类，进而改变其样式，包括高度。下面是一个简单的例子：

首先，你需要确保在Vue实例中已经绑定了目标元素，并且可以访问到这个元素的引用。假设你有一个Vue组件里的`el`元素，你可以这样做：

new Vue({
  el: '#myElement', // 替换为你的实际选择器
  data() {
    return {
      currentHeight: 'auto' // 初始高度
    }
  },
  methods: {
    updateHeight(className) {
      let element = this.$refs.myElement; // 获取绑定的DOM元素
      if (element) { // 确保元素存在
        if (className === 'new-class') { // 将新的类添加并计算新高度
          element.classList.add('new-class');
          element.style.height = // 获取新高度（这里需要根据你的需求写计算方法）
            // 或者直接设置一个值，例如：'100px'
            `${this.getCurrentHeight(element)}px`;
        } else { // 删除指定的类并更新高度
          element.classList.remove(className);
          element.style.height = this.currentHeight;
        }
      }
    },
    getCurrentHeight(element) {
      // 可能需要进一步处理，比如读取style中的height属性，或者计算基于内容的高度等
      // 这里只是一个简化的示例，通常会涉及到DOM计算
      return parseInt(element.offsetHeight);
    }
  }
})

在这个例子中，`updateHeight`方法可以根据传入的类名（如'new-class'）来动态添加或移除CSS类，然后更新`element.style.height`的值。