vue3+elementuiplus-table实现自定义展开且不展示默认的展开按钮-爱代码爱编程
需求如图：每行都有两个可点击展开的列，点击后展开的内容各不相同 主要代码逻辑： 1、不显示默认的展开图表，给展开列设置 width=“1” 2、不同列的展开数据通过if else来控制展示 3、给表格设置row-key=
高德地图demo，实现点位及路径规划-爱代码爱编程
实现结果 高德地图组件 <template> <dev> <div id="container"></div> <!-- 路线节点 panel-
去除ios上点击微信开放标签时出现的黑色阴影-爱代码爱编程
1.在开放标签和插槽按钮上添加样式 -webkit-tap-highlight-color:transparent !important 2.插槽按钮需使用button标签，使用p标签点击时ios上会出现黑色小横条 代码：
vue3 app.directive()防止用户多次连续点击按钮-爱代码爱编程
在项目中，需要对操作按钮加以限制，来防止用户多次连续点击。这就需要用到自定义指令directive。 main.js中全局注册方法如下： const app = createApp(App); /** @方法名：directive(app.directive,vue3内置api) @参数： @描述：用于防止多次点击保存效果，仅用于button *
vitepress中使用markdown渲染时间轴-爱代码爱编程
前言 最近用vitepress整了个博客，写写博客的同时记录下每日的生活，想用时间轴（时间线）的形式展示每天的工作和日常，去官网翻了翻vitepress的markdown增强能力，发现也没有这一块的支持。于是在npm上找了找，发现一个好用的插件能实现时间轴功能。npm搜索vitepress-markdown-timeline，或直接点击链接进入。
h5 嵌入在ios app中，input不能输入内容-爱代码爱编程
场景： vue写的H5页面嵌入在app中展示，点击跳转搜索页： 如果是用$router.push 跳转，input输入正常如果是调用app提供的新开webview窗口打开，则input输入时，可以唤起输入键盘，但是输入的文
前端如何获取cpu序列号-爱代码爱编程
项目背景技术：vue + electron 方法：1.新建一个preload.js const childProcess = require('child_process'); module.exports = { getCPUSerialNumber() { let res = "" try { let cm
vue电池小图标-爱代码爱编程
简单的电池小图标，根据电量展示不同的颜色。 <template> <div class="battery-container"> <div class="shell"
elementui表格合并单元格-爱代码爱编程
elementUI表格合并单元格 实现如图的合并单元格 element自带的属性 :span-method可以实现合并具有相同值的指定列 <el-table :data="tableDat
vue+xlsx实现前端模版下载、导入和导出excel文件-爱代码爱编程
vue+xlsx 前言模版下载导入功能导出功能 前言 产品需求：后端不想写下载，导入和导出的接口，让我们前端自己实现。 这里我们就可以用xlsx插件来实现，我们不多说了，先放一下实现的图片，下面我们
vue3 + uniapp + ts 拓展全局类型处理-爱代码爱编程
背景： 我们在使用uniapp + ts开发中，由于在vue3中this问题带来的全局挂在不是那么好实现，例如我们开发了一些通用工具函数，每次使用的时候都要引入很麻烦，就想到this不可用，可使用uni来挂在，uni也是一个全局对象，是对象就可以拓展，在uni上挂在新的属性或方法很容易，问题是怎么处理ts的类型检查报错和使用api提示呢？ 处理： 本
我有一个页面a，在页面a中调用了一个组件，然后组件中要切换页面a的一块区域，该怎么实现？-爱代码爱编程
你可以在组件中使用路由的编程式导航，通过访问路由实例来切换页面a的对应区域。具体来说，你可以先在页面a中设置一个具有唯一标识的占位符元素，然后在组件中通过路由实例访问这个元素并修改其内容或样式来实现区域切换。路由的编程式导航
websocket 实时通讯 vue3+ts-爱代码爱编程
1、websocket工具 config > index.ts、utils>websocket>index.ts import { ElMessage, getCache } from "@/utils"; function webSocket(params: string) { let urlParams: strin
element表单文件上传必填-爱代码爱编程
表单中代码 <el-form :rules="rules" ref="uploadTextBook"> <el-form-item label="文件上传：" prop="inform">
【day 04】vue指令-爱代码爱编程
数组的响应式监听 list[0] 下标去操作数组 页面不会实时更新（这也是vue2的一个bug） (修改原数组)这些都会触发 数组的响应式 push pop unshift shift splice sort re
【day 10】vuex-爱代码爱编程
vuex 有大的更新 vue2创建项目的时候 勾选上了vue默认版本 是"vue":“^3.4.0” vue3 里面 得使用 4开头的版本 “vue”:“^4.0.0” 第一步： 创建一个store/index.js
mavoneditor-文档-爱代码爱编程
mavonEditor图片展示 安装 npm install mavon-editor --save 引入 import mavonEditor from 'mavon-editor'; import 'mav
el-table多级表头，合并表头，设置样式-爱代码爱编程
使用框架 vue3 element-plus html代码。多级表头请阅读官网 地址：element-plus <el-table :data="tableData" style="width: 100%" :header-cell-style="handerMethod" :span-method="arraySpanMethod"
vue3 二进制流导出excel乱码问题-爱代码爱编程
1. 乱码结果 在导出excel数据的时候遇到了乱码问题，excel乱码截图如下： 控制台后端数据如下： 至此，后端已经获取到了数据，所以可以判断接口没有问题。 2.问题描述： 具体问题描述如下： 1.前端用vue3+axios请求后端数据； 2.请求的数据为二进制流测形式，需打包成excel文件下载下来； 3.下载的文件
app（uniapp）端如何查看pdf、图片、视频-爱代码爱编程
1、看图片： 调用 uni.previewImage uni.previewImage({ urls: arr, //需要预览的图片http链接列表，多张的时候，url直接写在后面就行了 current:0, // 当前显示图片的http链接，默认是第一个 success: function(res) {}, fail: function(r