在uniapp里用vue3实现点击显示与隐藏

可以在Vue3中使用v-show指令来实现点击显示和隐藏元素的效果。具体步骤如下：

1. 在template中添加一个需要显示和隐藏的元素，并绑定一个变量控制其显示状态，如下所示：

<template>
  <div>
    <button @click="isShow = !isShow">点击显示/隐藏</button>
    <div v-show="isShow">这里是需要显示和隐藏的元素</div>
  </div>
</template>

2. 在script中定义变量isShow，并初始化为false，代码如下：

<script>
export default {
  data() {
    return {
      isShow: false
    }
  }
}
</script>

3. 点击按钮时，通过修改isShow的值来控制元素的显示和隐藏。具体实现可以使用@click事件来监听按钮点击事件，并在回调函数中修改isShow的值，代码如下：

<template>
  <div>
    <button @click="isShow = !isShow">点击显示/隐藏</button>
    <div v-show="isShow">这里是需要显示和隐藏的元素</div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      isShow: false
    }
  },
  methods: {
    toggleShow() {
      this.isShow = !this.isShow
    }
  }
}
</script>

以上就是利用Vue3的v-show指令实现点击显示和隐藏元素的方法。