摘要: 第一步解决edge浏览器中站点不安全问题的方法 1、首先,我们点击打开edge浏览器,然后将我们的浏览器右上角的【…】图标点击打开。 2、这时,我们在打开的窗口中,将【设置】选项进行点击一下。 3、随后进入到设置页面中,我们将左侧的【cookie和网站权限】选项进行左键点击一下。 4、这时,我们再将 阅读全文
posted @ 2024-10-31 10:33 seekHelp 阅读(3) 评论(0) 推荐(0) 编辑
摘要: 一、背景 在开发过程中,由于测试环境没有配置 HTTPS 请求,所以谷歌浏览器的地址栏会有这样一个 不安全 的标识: 我们点击这个 “不安全” 的标签就可以看到提示我们:您与此网站之间建立的连接不安全。点击下面的 网站设置 可以查看这个网站的权限设置。 打开网站设置可以看到,其中位置信息、摄像头、麦 阅读全文
posted @ 2024-10-31 10:03 seekHelp 阅读(7) 评论(0) 推荐(0) 编辑
摘要: 封装弹框组件 // 封装 Modal.confirm 方法 function confirm(title: string, content: string, okText: string = '确定', cancelText: string = '取消') { return new Promise< 阅读全文
posted @ 2024-08-30 13:52 seekHelp 阅读(31) 评论(0) 推荐(0) 编辑
摘要: 在 Vue CLI 中,只有以 VUE_APP_ 开头的变量才会被 webpack.DefinePlugin 静态嵌入到客户端包中。这是因为在打包过程中,Vue CLI 会将环境变量中以 VUE_APP_ 开头的变量注入到应用程序中,以便 Vue.js 应用程序在运行时能够访问这些变量。 其他的变量 阅读全文
posted @ 2024-08-12 14:22 seekHelp 阅读(22) 评论(0) 推荐(0) 编辑
摘要: 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 阅读(108) 评论(0) 推荐(0) 编辑
摘要: 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 阅读(52) 评论(0) 推荐(0) 编辑
摘要: .test { /* 设置全屏宽高,覆盖于页面上方 */ position: fixed; top: 0; left: 0; height: 100vh; width: 100vw; opacity: 0.8; /* 生成的图片是有一张,开启repeat自动填充 */ background: rep 阅读全文
posted @ 2024-08-09 15:58 seekHelp 阅读(7) 评论(0) 推荐(0) 编辑
摘要: 1、组件封装 <template> <div ref="watermarkContainerRef" class="watermark-container"> <!-- 插槽--> <slot></slot> </div> </template> <script setup> import { re 阅读全文
posted @ 2024-08-09 15:55 seekHelp 阅读(59) 评论(0) 推荐(0) 编辑
摘要: 遇到一个需求就是对这个 el-notification 加一个倒计时进度条,方便用户知道该通知何时自动关闭。 一、示例代码 (1)基于Vue2+ElementUI的项目 <template> <div> <el-button @click="showTip">do it</el-button> </ 阅读全文
posted @ 2024-08-07 09:53 seekHelp 阅读(103) 评论(0) 推荐(0) 编辑
摘要: 1、js含有内置的sort()方法 该方法是按字母顺序对数组进行排序的即按照字符编码进行排序, 当数组中元素为 数字类型 时,排序结果与我们设想的完全不同,因为默认是按照字符编码的顺序进行排序的 2、实现 /* * @description 根据某个字段实现对json数组的排序 * @param a 阅读全文
posted @ 2024-07-29 09:16 seekHelp 阅读(187) 评论(0) 推荐(0) 编辑