![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
需求
liyifan_xlb
好记性不如一个烂笔头
展开
-
vue 中主题切换 写法之一
vue 中主题切换 写法之一方法一在全局scss样式中 定义颜色// 备注这里的颜色就是设置你想要的全局颜色也就是默认的颜色:root{ --tc: #003c9d;}$tc: var(--tc);然后在结构中background: var(--tc);切换变更就是在js方法中 定义新的颜色 // js函数中改变`--tc`的值 document.body.style.setProperty("--tc", "#009FCC"); // js中获取`--tc`的原创 2022-05-11 09:47:30 · 290 阅读 · 0 评论 -
element中 el-dropdown 实现切换数据和触发事件处理
element中 el-dropdown 实现切换数据和触发事件处理我的实现功能是 主题切换时候的 菜单下拉,可以切换value和可以获取到菜单切换时的触发事件话不多说上代码结构// 备注 这里的@command 就是触发事件 <el-dropdown @command="changeValue" class="ts_class"> <span class="el-dropdown-link"> {{ value }}<i class原创 2022-05-10 14:03:45 · 1899 阅读 · 1 评论 -
element中 form 表单验,验证数组中的每一个form表单
element中 from 表单验,验证数组中的每一个form表单使用场景: 每点击一次就新增一个form表单,并且校验添加的所有的formhtml 结构 <div v-for="(itemList, index) in trayData" :key="index" class="tray_line box" > <el-form :model="i原创 2022-04-27 14:11:15 · 655 阅读 · 0 评论 -
AntV X6 流程图
安装 AntV X6npm install @antv/x6 --savehtml结构<div class="editor" ref="editor" style="height: 400px"></div>js结构 initEditor() { // 获取容器的宽高 const { clientHeight: height, clientWidth: width } = this.$refs["editor"]; c.原创 2021-11-15 09:53:37 · 2882 阅读 · 0 评论 -
Echaets中折线图实现数据实时加载(动)
安装echartsnpm install echarts -S引入echarts 在main.js中import echarts from 'echarts'Vue.prototype.$echarts = echartsHTML结构 <div id="main" style="width: 750px;height:400px;"></div>js部分export default { name: "power", data() { retur原创 2021-09-01 15:35:11 · 502 阅读 · 0 评论