如何隐藏Vue-html- to -paper中的元素？

.hidden-element {
  display: none;
}

<template>
  <div class="hidden-element">
    <!-- 需要隐藏的内容 -->
  </div>
</template>

<template>
  <div>
    <div v-if="shouldHideElement">
      <!-- 需要隐藏的内容 -->
    </div>
    <div v-show="!shouldHideElement">
      <!-- 需要显示的内容 -->
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      shouldHideElement: true, // 根据条件来控制元素的显示和隐藏
    };
  },
};
</script>

<template>
  <div :class="{ 'hidden-element': shouldHideElement }">
    <!-- 需要隐藏的内容 -->
  </div>
</template>

<script>
export default {
  data() {
    return {
      shouldHideElement: true, // 根据条件来控制元素的显示和隐藏
    };
  },
};
</script>