el-button隐藏
时间: 2023-09-29 17:03:06 浏览: 140
element-ui 的el-button组件中添加自定义颜色和图标的实现方法
你可以在 el-button 的标签上加上一个 v-if 指令,当条件为真时,按钮会显示出来;当条件为假时,按钮会被隐藏。例如:
```html
<template>
<div>
<el-button v-if="showButton">点击我</el-button>
</div>
</template>
<script>
export default {
data() {
return {
showButton: true
}
}
}
</script>
```
在上面的例子中,按钮会一直显示,因为初始状态下 showButton 的值为 true。如果你想隐藏按钮,可以将 showButton 的值设置为 false。例如:
```html
<template>
<div>
<el-button v-if="showButton">点击我</el-button>
</div>
</template>
<script>
export default {
data() {
return {
showButton: false
}
}
}
</script>
```
在这个例子中,按钮不会显示,因为 showButton 的值为 false。
阅读全文