Vue.js 打印指定元素 - 使用 ref 和 $refs

在 Vue.js 中，你可以使用'ref'来引用一个 DOM 元素，并通过'$refs'来访问它。

首先，在模板中给元素添加'ref'属性，例如：

<template>
  <div>
    <button @click="printElement">打印元素</button>
    <div ref="myElement">要打印的元素</div>
  </div>
</template>

然后，在 Vue 实例中，使用'$refs'来访问该元素并进行操作，例如：

<script>
export default {
  methods: {
    printElement() {
      const element = this.$refs.myElement;
      console.log(element);
    }
  }
}
</script>

在上面的例子中，当点击按钮时，'printElement'方法会打印出'myElement'元素的信息。你可以根据需要对该元素进行进一步的操作，例如获取其内容或样式。