WishMeLz

生活其实很有趣

分类 Vue 下的文章

van-nav-bar 页面宽度改动 placeholder占位元素未自动更新

折叠屏展开收起，改动的是页面宽度。placeholder未主动更新，导致页面错位问题展示：修复后效果：代码navBarKey: number = 0 mounted() { window.addEventListener('resize', this.handleResize); } beforeDestroy() { window.removeEventListener('resize', this.handleResize); } <van-nav-bar key={this.navBarKey} ti...
2025-11-10 11:56:00 Vue ·

Lodop、C-Lodop使用笔记

Lodop(标音:劳道谱,俗称:露肚皮)是专业WEB控件,用它既可裁剪输出页面内容，又可用程序代码直接实现复杂打印。控件功能强大,却简单易用,所有调用如同JavaScript扩展语句件功能强大,却简单易用,所有调用如同JavaScript扩展语句clodop打印机插件，其他语法与官网一样，只是简化注册步骤。目前兼容最低版本：6.2.2.6官网：http://www.c-lodop.com/LodopDemo.htmlnpm：https://www.npmjs.com/package/clodopGithub：https://github.com/W...
2025-08-10 03:31:00 Vue ·

vue中v-html

<p domPropsInnerHTML={item.content}></p> <p v-html={item.content}></p>
2024-08-13 08:08:33 Vue JSX ·

ANSI 字体在前端展示 Jenkins日志

最近在做运维平台的开发，前端需要显示Jenkins的日志在前端，其中的ANSI字体就是如下示例。192.168.134.39:服务启动，端口检测，等待第3秒 192.168.134.39:服务启动，端口检测，等待第6秒 192.168.134.39:服务启动，端口检测，等待第9秒 192.168.134.39:服务启动，端口检测，等待第12秒 192.168.134.39:服务启动，端口检测，等待第15秒 192.168.134.39:服务启动，端口...
2024-07-16 07:16:13 Vue HTML JS ·

获取视频某一秒的截图

const handleGetVideoThumb = async function (url, options = {}) { if (typeof url !== "string") { console.error("URL must be a string"); return; } // 默认参数 const ...
2024-07-04 10:54:00 Vue HTML JS ·

SSE（Server-Sent Events）

服务端const express = require("express"); const cors = require("cors"); const app = express(); const port = 6548; app.use(cors()); app.get("/sse", (req, res) => { res.set({ "Content-Type": "text/event-stream", &quo...
2024-06-25 07:04:56 Vue JS NodeJS ·

公式编辑器

自定义公式编辑器在线预览地址<template> <div class="home"> <div class="calc-main"> <div class="formulaView" id="formulaView" ref="formulaView" @click.stop="recordPosition()...
2024-06-21 04:36:28 Vue ·

TOTP otpauth

import * as OTPAuth from "otpauth"; let totp = new OTPAuth.TOTP({ // Provider or service the account is associated with. issuer: "ACME", // Account identifier. label: "AzureDiamond", // Algorithm used for the HMAC fu...
2024-06-20 06:08:00 未分类 Vue ·

vuedraggable

在线预览<template> <div class="c"> <vuedraggable handle=".handle" class="list-group" tag="ul" v-model="list" v-bind="dragOptions" @start="drag = true" ...
2024-06-03 10:09:42 Vue ·

createDecorator 自定义装饰器

二次确认import { MessageBox } from 'element-ui' import { createDecorator } from 'vue-class-component' export function Confirm(msg: any) { return createDecorator(function (opts, handler) { if (!opts.methods) throw new Error( 'This decorator ...
2024-05-29 09:46:00 未分类 Vue ·

Element v-loading 当页面太长，loading的图标无法显示在当前的视口中的问题

在使用 Element UI 的 v-loading 指令时，如果页面内容过长，loading 遮罩层会相对于绑定元素进行定位。这就可能导致 loading 图标无法出现在当前视口中心解决方法：以服务的方式调用import { Loading } from 'element-ui'; let loadingInstance = Loading.service({ lock: true, text: 'Loading...', spinner: 'el-icon-loading', background: 'rgba(0, 0, 0...
2024-05-14 08:20:00 Vue ·

nuxt项目本地启动,多开标签一直显示加载中

本地npm run dev启动，多开几个标签页，会出现卡死或一直转圈的情况，如果关闭其中一个tab标签，卡死的tab标签页就会立即加载完成，控制台看不到任何错误信息。 因为浏览器对同一个主机有连接数限制。官方解释：https://github.com/nuxt/nuxt/issues/8190
2024-04-07 01:56:50 Vue NodeJS ·

修改原型链导致前端预览PDF异常

添加/修改原型链，导致pdf.js解析异常， 可能此库对原型链做了防污染处理报错如下The `Array.prototype` contains unexpected enumerable properties: hasItem, removeItem; thus breaking e.g. `for...in` iteration of `Array`s其中 hasItem , removeItem 为自定义添加的内容解决方法 let unexpectedProperties = [], logArr = []; for (let key...
2024-03-21 09:04:49 Vue ·

移动端 pdfh5 预览pdf

import pdfh5 from "pdfh5"; import "pdfh5/css/pdfh5.css";let pdfH5Res = new pdfh5("#signpdf", { pdfurl: resUrl, responseType: "blob", });报错异常The `Array.prototype` contains unexpected enumerable properties: hasItem, removeItem; ...
2024-03-21 08:17:17 Vue ·

echarts 点击事件

通用点击事件 myChart.on('click', function (params: any) { if (params.componentType == "xAxis") { } // if (params.componentType == "series") { // } }) 不是数据的地方点击不触发 myChart.getZr().on('click', (params: any) =>...
2023-07-13 05:44:29 Vue ·
  1. 1
  2. 2
  3. 3