uni-app点击事件@click加了v-if不生效

如果您在 `click` 事件中添加了 `v-if`，那么当您点击该元素时，`v-if` 已经被计算为 `false`，因此该元素将不会被渲染。因此，您需要使用 `v-show` 或 `v-if` 和 `v-else` 来实现您的需求。

`v-show` 可以隐藏元素，但不会从 DOM 中删除，而 `v-if` 可以完全删除元素。

例如，您可以这样实现：

<template>
  <div>
    <button @click="show = !show">Toggle</button>
    <div v-show="show">
      This will show/hide when button is clicked
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      show: false,
    };
  },
};
</script>

或者这样：

<template>
  <div>
    <button @click="show = !show">Toggle</button>
    <div v-if="show">
      This will show/hide when button is clicked
    </div>
    <div v-else>
      This will show/hide when button is clicked (else)
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      show: false,
    };
  },
};
</script>

请注意，`v-show` 与 `v-if` 的使用不同，因此您需要根据您的具体需求选择适合您的选项。