- 博客(16)
- 收藏
- 关注
RSS订阅原创 离线状态配置pm2（适用绝大数环境）
关于离线，内网环境，配置各种环境。很多博文会挂很多链接，且方法异常繁琐，因此，推出一个万金油的方法，此处以pm2为例。npm pack -g 包名 --pack-destination ./文件夹名。2. 下载后的包 xxx.taz，解压缩，cd进入并下载所需依赖。3. 下载完依赖后，将包复制到内网机内。1. 公网下载包，并打包到指定文件夹。npm -g i ./包名。4. 内网机全局安装此包。
2024-07-18 09:21:41
491
原创 elementplus table 合并同类行（可以直接拿去用）
需要合并相同行的哪几列，就 if (columnIndex == x1 || columnIndex === x2 || .......)，如代码中所示，为合并相同行中的前两列。 当表格需要进行合并时、整个渲染方式就发生了变化、之前可以看作以行为单位、一行一行渲染、而当你使用了。变量后、渲染方式则改为一个单元格一个单元格渲染，即这个方法。需要执行的次数是：列的个数 * 行数。
2024-03-26 09:37:45
1794
3
原创 Echarts-3D路径图-Flights GL、VUE3最新引用方法（避免踩坑）
Echarts-3D路径图-Flights GL、VUE3引用方法（避免踩坑）
2023-02-20 17:45:25
1125
1
原创 vscode 新建用户代码片段
以新建一个 ts 代码片段为例在vscode编辑器中打开，【文件】–>【首选项】–>【用户片段】–>【新代码片段】–> 取名 vue3ts.json -> 回车{ "Print to console": { "prefix": "ts", "body": [ "<template>", "</template>", "<script setup lang='ts'>", "impor
2022-04-14 10:36:38
1043
原创 element-plus 动态生成图标
VUE2老版本在原本的版本中可以通过如下方法动态生成icon图标（此处不展示 asideList 里面的数据）<template v-for="aside in asideList" :key="aside.path"> <el-sub-menu v-if="aside.children && aside.children.length > 0" :index="aside.path"> <template #title>
2022-04-13 17:13:58
6599
1
原创 TypeScript 用到最多的基础知识
1、接口 interface1.1、什么是接口接口是一系列抽象方法的声明，是一些方法特征的集合，这些方法都应该是抽象的，需要由具体的类去实现， 然后第三方就可以通过这组抽象方法调用，让具体的类执行具体的方法;1.2、接口的作用1、TypeScript的核心原则之一是对值所具有的结构进行类型检查。 在TypeScript里，接口的作用就是为 这些类型命名和为你的代码或第三方代码进行定义。2、接口是一种规范或约束，通常使用接口（Interfaces）来定义对象的类型；//接口是一种规范
2022-03-30 15:44:50
211
原创 vue3 ts vite vuex全局状态配置实例
1.项目展示以一个非常非常常用的功能为例，收缩侧边菜单栏结构介绍很明显 是 header 里面的组件 控制 menu里面的组件，所以需要用到VUEX配置全局状态2.全局状态配置store/index.tsimport { InjectionKey } from "vue";import { createStore, useStore as baseUseStore, Store } from "vuex";import { ITabe } from "./type";e
2022-03-29 16:22:57
1890
原创 Vue3 / Ts Router详解
router/index.tsimport { createRouter, createWebHistory, RouteRecordRaw } from "vue-router";// 2. 配置路由const routes: Array<RouteRecordRaw> = [ { path: "/login", component: () => import("../components/login.vue"), }, { path: "
2022-03-25 15:04:17
16150
2
原创 VUE3 TS 父子组件通信
一、父传子，传递简单字符串父组件传递 简单的字符串 title 给子组件<template> <div class="layout"> <Menu title="title传给子组件Menu的数据" /> <div class="layout-right"> <Header /> <Content /> </div> </div></t
2022-03-23 20:26:38
5964
原创 vue3 watch监听器 和 watchEffect高级监听器
watch 是监听特定的数据源（可以是多个，是多个就是数组）【这是watch的第一个参数】，或者对象，会有一个单独的回调执行其他操作【这是watch的第二个参数】。第三个参数放后面第一种：监听一个或多个数据源（数组），此处展示多个绑定两个 v-modle 分别是 message1 和 message2<template> <div> <input type="text" v-model="message" /> <input typ
2022-03-23 11:28:52
3622
1
原创 Vue全局事件总线（中央事件总线）
兄弟组件A 兄弟组件B 效果如图1.main.js 配置全局总线new Vue({ render: h => h(App), // 中央事件总线(全局事件总线) beforeCreate() { Vue.prototype.$bus = this // 配置全局事件总线 $bus , ****必须在页面挂载之前**** }}).$mount('#app')2.搞清是谁给谁传，或者说谁要接收谁的数据。比如现在是 B > A 。也就是A要接收数据，
2022-03-20 22:02:59
1485
原创 解决路由传参，同时传递相同参数时报错的问题
router/index.js// ♥♥♥♥♥ 重写 push 和 replace ♥♥♥♥♥ =================================// location 调往的地方（传哪些参数）// resolve 成功回调// reject 失败回调let newPush = VueRouter.prototype.push; // 创建一个新的push方法替代，下面一样let newReplace = VueRouter.prototype.replace;Vue
2022-03-16 14:52:22
775
原创 vue2 router传参 $route的简单详解
主要针对的声明式导航 即为 @click=" " 如下的代码，拿某宝做比较// 声明式导航要传参 @click："xxx" methods:{ xxx(){ this.$router.push('/某个页面') } } <form> <input type="text" v-model="searchValue" />..
2022-03-15 16:07:09
2262
原创 element ui 表格 弹窗 查看表格数据
<template> <div> <h2>测试页面</h2> <div> <!-- 表格 --> <el-table :data="tableData" style="width: 800px"> <el-table-column prop="date" label="日期" width="180"> </el-table-col.
2022-03-09 15:31:39
1873
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人