v-show 中使用 常量
时间: 2024-03-13 11:39:29 浏览: 125
PT80-NEAT开发指南v1.1
5星 · 资源好评率100%
v-show指令中可以使用常量来作为条件判断。常量可以是布尔值、字符串、数字等。当常量为真时,元素会显示;当常量为假时,元素会隐藏。
以下是一个使用常量的v-show示例:
```html
<template>
<div>
<button @click="toggleShow">Toggle Show</button>
<p v-show="show">This is a paragraph.</p>
</div>
</template>
<script>
export default {
data() {
return {
show: true // 初始状态为显示
};
},
methods: {
toggleShow() {
this.show = !this.show; // 点击按钮切换显示状态
}
}
};
</script>
```
在上述示例中,通过点击按钮可以切换`<p>`元素的显示和隐藏。初始状态下,`show`属性为`true`,所以`<p>`元素会显示出来。当点击按钮后,`show`属性会被设置为`false`,所以`<p>`元素会隐藏起来。
阅读全文