表格 on 特严赤傲

vben admin pro 框架的BasicTable之使用slots 插入组件

Mon, 02 Feb 2026 22:27:31 +0800

需求：在BasicTable 列表中，插入一行Switch组件改变状态的列 1，首先在主组件的 script 标签中引入 switch 组件

DataTable开发导出Excel文档带背景颜色

Sun, 20 Oct 2024 11:42:58 +0800

dataTable 导出Excel功能，要求在Excel文件里一行一行有背景颜色，整理了以下三种情况：

miot-plugin-sdk 使用echart图表插件

Sun, 20 Oct 2024 11:42:58 +0800

1.安装 echart

1

npm install native-echarts --save

2.引用

1

import Echarts from 'native-echarts';

3.把option封装成函数

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25


 echart(val,title){
 option = {
 tooltip: {
 formatter: '{a} <br/>{b} : {c}%'
 },
 series: [
 {
 name: 'Pressure',
 type: 'gauge',
 detail: {
 formatter: '{value}'
 },
 data: [
 {
 value: val,
 name: title
 }
 ]
 }
 ]
 };

 return option
 }
 

4.组件里调用

1

 <Echarts option={this.echart(this.start.title,this.state.val)} height={420} />

5.总结

在miot-plugin-sdk里面，如果不封装成函数，传不进去值，别的办法没去想，就这么用吧。组件里的高度和大小可以自己根据文档调试。

vue3+TS+Element-plus el-pagination分页组件显示中文

Sun, 20 Oct 2024 11:42:58 +0800

1，首先考虑改造一下main.ts

1
2
3
4
5
6


// ! element-plus vue3.0
import element from 'element-plus'
import 'element-plus/lib/theme-chalk/index.css'
import locale from 'element-plus/lib/locale/lang/zh-cn' //中文
//在app中引用
app.use(ElementPlus,{locale})

如果得不到解决，那就单独在pagination的组件中解决一下

表格 on 特严赤傲

vben admin pro 框架的BasicTable之 使用slots 插入组件

DataTable开发导出Excel文档带背景颜色

miot-plugin-sdk 使用echart图表插件

1.安装 echart

2.引用

3.把option封装成函数

4.组件里调用

5.总结

vue3+TS+Element-plus el-pagination分页组件显示中文

vben admin pro 框架的BasicTable之使用slots 插入组件