(小程序)按钮切换对应展示区域

nyf_unknown

于 2023-06-29 14:41:51 发布

阅读量367

点赞数

分类专栏：小程序文章标签：小程序 javascript 开发语言

本文链接：https://blog.csdn.net/qq_44754635/article/details/131455965

版权

小程序专栏收录该内容

4 篇文章 0 订阅

订阅专栏

(小程序)按钮切换对应展示区域

需求：点击按钮切换表格和图表两种展示方式

在这里插入图片描述

html

<u-button type="primary" size="mini" text="图表" v-if="form.curType === 'table'"
	@click="showEcharts"></u-button>
<u-button type="primary" size="mini" text="表格" v-if="form.curType === 'echarts'"
	@click="showTable"></u-button>

const form = ref({ 
	curType: "table", // echarts 
});
// 切换结果
const showTable = () => {
	form.value.curType = "table";
};
const showEcharts = () => {
	form.value.curType = "echarts";
};