会员
众包
新闻
博问
闪存
赞助商
HarmonyOS
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
seekHelp
博客园
首页
新随笔
联系
订阅
管理
上一页
1
2
3
4
5
6
···
23
下一页
2024年8月30日
vue3 - andt封装 Modal.confirm 方法
摘要: 封装弹框组件 // 封装 Modal.confirm 方法 function confirm(title: string, content: string, okText: string = '确定', cancelText: string = '取消') { return new Promise<
阅读全文
posted @ 2024-08-30 13:52 seekHelp
阅读(218)
评论(0)
推荐(0)
2024年8月12日
为什么.env文件中变量命名 必须以 VUE_APP_ 开头
摘要: 在 Vue CLI 中,只有以 VUE_APP_ 开头的变量才会被 webpack.DefinePlugin 静态嵌入到客户端包中。这是因为在打包过程中,Vue CLI 会将环境变量中以 VUE_APP_ 开头的变量注入到应用程序中,以便 Vue.js 应用程序在运行时能够访问这些变量。 其他的变量
阅读全文
posted @ 2024-08-12 14:22 seekHelp
阅读(99)
评论(0)
推荐(0)
vue2 - element弹框自定义指令 实现拖动、缩放
摘要: directive/dialogDrag.js import Vue from "vue"; Vue.directive('dialogDrag', { bind(el, binding, vnode, oldVnode) { //弹框可拉伸最小宽高 let minWidth = 400; let
阅读全文
posted @ 2024-08-12 11:48 seekHelp
阅读(760)
评论(0)
推荐(0)
2024年8月9日
Vue3实现印章徽章组件
摘要: 1、组件结构 2、组件封装 src/components/StampBadge/src/StampBadge.vue 文件代码 <template> <div class="first-ring" v-bind="getBindValue" :class="getStampBadgeClass" >
阅读全文
posted @ 2024-08-09 16:04 seekHelp
阅读(269)
评论(0)
推荐(0)
css的mix-blend-mode属性生成水印效果,不影响文本及点击事件
摘要: .test { /* 设置全屏宽高,覆盖于页面上方 */ position: fixed; top: 0; left: 0; height: 100vh; width: 100vw; opacity: 0.8; /* 生成的图片是有一张,开启repeat自动填充 */ background: rep
阅读全文
posted @ 2024-08-09 15:58 seekHelp
阅读(81)
评论(0)
推荐(0)
Vue3水印组件
摘要: 1、组件封装 <template> <div ref="watermarkContainerRef" class="watermark-container"> <!-- 插槽--> <slot></slot> </div> </template> <script setup> import { re
阅读全文
posted @ 2024-08-09 15:55 seekHelp
阅读(302)
评论(0)
推荐(0)
2024年8月7日
基于Vue2+ElementUI/Vue3+ElementPlus对el-notification增加倒计时进度条特效,鼠标移入,暂停计时,鼠标移出,继续计时
摘要: 遇到一个需求就是对这个 el-notification 加一个倒计时进度条,方便用户知道该通知何时自动关闭。 一、示例代码 (1)基于Vue2+ElementUI的项目 <template> <div> <el-button @click="showTip">do it</el-button> </
阅读全文
posted @ 2024-08-07 09:53 seekHelp
阅读(511)
评论(0)
推荐(0)
2024年7月29日
js实现JSON数据根据某个字段排序
摘要: 1、js含有内置的sort()方法 该方法是按字母顺序对数组进行排序的即按照字符编码进行排序, 当数组中元素为 数字类型 时,排序结果与我们设想的完全不同,因为默认是按照字符编码的顺序进行排序的 2、实现 /* * @description 根据某个字段实现对json数组的排序 * @param a
阅读全文
posted @ 2024-07-29 09:16 seekHelp
阅读(691)
评论(0)
推荐(0)
2024年5月14日
ant-design-vue表单生成组件form-create快速上手(转载)
摘要: 介绍 form-create 是一个可以通过 JSON 生成具有动态渲染、数据收集、验证和提交功能的表单生成器。并且支持生成任何 Vue 组件。结合内置17种常用表单组件和自定义组件,再复杂的表单都可以轻松搞定。 文档/github 安装 CDN 引入 目前可以通过 unpkg.com/@form-
阅读全文
posted @ 2024-05-14 16:43 seekHelp
阅读(419)
评论(0)
推荐(0)
2024年5月13日
前端pnpm的下载安装
摘要: pnpm安装方式 要使用pnpm进行安装,首先需要确保已经安装了Node.js。然后,按照以下步骤进行pnpm的安装: 注:我在安装时提示了node版本不能低于18,个人在安装时检查本地node版本是否低于这个版本,看是否有版本要求的提示 打开终端或命令提示符。 在命令行中输入以下命令来全局安装pn
阅读全文
posted @ 2024-05-13 11:00 seekHelp
阅读(2744)
评论(0)
推荐(0)
上一页
1
2
3
4
5
6
···
23
下一页
公告