查看this.$refs.eltab里面的所有值

在 Vue.js 中，如果你想查看通过 `ref` 定义的元素 `eltab`（假设这是一个 DOM 元素或自定义组件）中的所有属性或子元素的值，你需要访问它的 `.value` 或者直接使用点语法来获取。例如，如果 `eltab` 是一个普通的 DOM 元素，可以这样做：

console.log(this.$refs.eltab.value); // 对于输入框、select 等元素
console.log(this.$refs.eltab.innerText || this.$refs.eltab.textContent); // 获取文本内容

// 如果是组件实例，比如一个名为 tab 的 child 组件
for (const prop in this.$refs.eltab.$children[0]) {
  if (prop !== '$el') {
    console.log(`${prop}:`, this.$refs.eltab.$children[0][prop]);
  }
}

注意，`.value` 仅适用于特定类型的元素（如 `<input>`），对于其他元素，可能需要使用 `.textContent` 或 `.innerText` 获取文本内容。

如果你需要遍历所有的属性，包括私有属性，这通常是不推荐的，因为那可能会违反封装原则。但在某些特定场景下，可以使用 `Object.getOwnPropertyNames`：

const properties = Object.getOwnPropertyNames(this.$refs.eltab.$attrs);
properties.forEach(prop => {
  console.log(prop, this.$refs.eltab.$attrs[prop]);
});