在uniapp中,当前是一个盒子,点击的时候出现另一个盒子,具体代码怎么实现
时间: 2024-03-06 20:50:05 浏览: 114
可以使用v-if或v-show指令来控制另一个盒子的显示和隐藏,具体代码如下:
```
<template>
<div>
<div @click="showBox = !showBox">当前盒子</div>
<div v-if="showBox">另一个盒子</div>
</div>
</template>
<script>
export default {
data() {
return {
showBox: false
}
}
}
</script>
```
在上面的代码中,当点击当前盒子时,会通过v-if指令判断showBox的值,如果为true,则显示另一个盒子,如果为false,则隐藏另一个盒子。如果想要使用v-show指令,只需要将v-if改成v-show即可。
阅读全文