1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > Vue实现一个按钮切换显示不同的div内容

Vue实现一个按钮切换显示不同的div内容

时间:2021-07-03 07:13:28

相关推荐

Vue实现一个按钮切换显示不同的div内容

<template><button type="primary" @click="click" icon="retweet" style="margin-left: 8px">{{message}}</button><div v-show="isShowChart">图表内容</div><div v-show="isShowTable">表格内容</div></template>export default {name: "DrivingStatistics",data() {return {isShowChart: true,isShowTable: false,message: "切换表格",}}methods: {//切换按钮click() {if (this.isShowChart) {this.message = "切换图表";} else {this.message = "切换表格";}this.isShowChart = !this.isShowChart;this.isShowTable = !this.isShowTable;}}}

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。