- 博客(16)
- 收藏
- 关注
原创 离线状态配置pm2(适用绝大数环境)
关于离线,内网环境,配置各种环境。很多博文会挂很多链接,且方法异常繁琐,因此,推出一个万金油的方法,此处以pm2为例。npm pack -g 包名 --pack-destination ./文件夹名。2. 下载后的包 xxx.taz,解压缩,cd进入并下载所需依赖。3. 下载完依赖后,将包复制到内网机内。1. 公网下载包,并打包到指定文件夹。npm -g i ./包名。4. 内网机全局安装此包。
2024-07-18 09:21:41
158
原创 elementplus table 合并同类行(可以直接拿去用)
需要合并相同行的哪几列,就 if (columnIndex == x1 || columnIndex === x2 || .......),如代码中所示,为合并相同行中的前两列。 当表格需要进行合并时、整个渲染方式就发生了变化、之前可以看作以行为单位、一行一行渲染、而当你使用了。变量后、渲染方式则改为一个单元格一个单元格渲染,即这个方法。需要执行的次数是:列的个数 * 行数。
2024-03-26 09:37:45
970
原创 Echarts-3D路径图-Flights GL、VUE3最新引用方法(避免踩坑)
Echarts-3D路径图-Flights GL、VUE3引用方法(避免踩坑)
2023-02-20 17:45:25
946
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
1006
原创 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
6349
1
原创 TypeScript 用到最多的基础知识
1、接口 interface1.1、什么是接口接口是一系列抽象方法的声明,是一些方法特征的集合,这些方法都应该是抽象的,需要由具体的类去实现, 然后第三方就可以通过这组抽象方法调用,让具体的类执行具体的方法;1.2、接口的作用1、TypeScript的核心原则之一是对值所具有的结构进行类型检查。 在TypeScript里,接口的作用就是为 这些类型命名和为你的代码或第三方代码进行定义。2、接口是一种规范或约束,通常使用接口(Interfaces)来定义对象的类型;//接口是一种规范
2022-03-30 15:44:50
181
原创 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
1831
原创 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
15076
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
5782
原创 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
3546
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
1451
原创 解决路由传参,同时传递相同参数时报错的问题
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
743
原创 vue2 router传参 $route的简单详解
主要针对的声明式导航 即为 @click=" " 如下的代码,拿某宝做比较// 声明式导航要传参 @click:"xxx" methods:{ xxx(){ this.$router.push('/某个页面') } } <form> <input type="text" v-model="searchValue" />..
2022-03-15 16:07:09
2180
原创 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
1762
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人