摘要:
this.sendMesgToDesk(data) // 获取信息的地方调用 // 显示消息通知 async sendMesgToDesk (data) { // let notification = null if (notification !== null) { notification.cl 阅读全文
摘要:
第一步解决edge浏览器中站点不安全问题的方法 1、首先,我们点击打开edge浏览器,然后将我们的浏览器右上角的【…】图标点击打开。 2、这时,我们在打开的窗口中,将【设置】选项进行点击一下。 3、随后进入到设置页面中,我们将左侧的【cookie和网站权限】选项进行左键点击一下。 4、这时,我们再将 阅读全文
摘要:
一、背景 在开发过程中,由于测试环境没有配置 HTTPS 请求,所以谷歌浏览器的地址栏会有这样一个 不安全 的标识: 我们点击这个 “不安全” 的标签就可以看到提示我们:您与此网站之间建立的连接不安全。点击下面的 网站设置 可以查看这个网站的权限设置。 打开网站设置可以看到,其中位置信息、摄像头、麦 阅读全文
摘要:
封装弹框组件 // 封装 Modal.confirm 方法 function confirm(title: string, content: string, okText: string = '确定', cancelText: string = '取消') { return new Promise< 阅读全文
摘要:
在 Vue CLI 中,只有以 VUE_APP_ 开头的变量才会被 webpack.DefinePlugin 静态嵌入到客户端包中。这是因为在打包过程中,Vue CLI 会将环境变量中以 VUE_APP_ 开头的变量注入到应用程序中,以便 Vue.js 应用程序在运行时能够访问这些变量。 其他的变量 阅读全文
摘要:
directive/dialogDrag.js import Vue from "vue"; Vue.directive('dialogDrag', { bind(el, binding, vnode, oldVnode) { //弹框可拉伸最小宽高 let minWidth = 400; let 阅读全文
摘要:
1、组件结构 2、组件封装 src/components/StampBadge/src/StampBadge.vue 文件代码 <template> <div class="first-ring" v-bind="getBindValue" :class="getStampBadgeClass" > 阅读全文
摘要:
.test { /* 设置全屏宽高,覆盖于页面上方 */ position: fixed; top: 0; left: 0; height: 100vh; width: 100vw; opacity: 0.8; /* 生成的图片是有一张,开启repeat自动填充 */ background: rep 阅读全文
摘要:
1、组件封装 <template> <div ref="watermarkContainerRef" class="watermark-container"> <!-- 插槽--> <slot></slot> </div> </template> <script setup> import { re 阅读全文
摘要:
遇到一个需求就是对这个 el-notification 加一个倒计时进度条,方便用户知道该通知何时自动关闭。 一、示例代码 (1)基于Vue2+ElementUI的项目 <template> <div> <el-button @click="showTip">do it</el-button> </ 阅读全文