devtools浏览器edge vue
nginx部署vue项目报404问题
解决刷新路由404问题 这是因为我的vue项目是采用了history路由模式，又因为vue是单页面应用，一旦切换路由之后，之前的页面就会不存在，然后你再刷新回到之前的页面就会出现404了。（个人理解） 解决的方法： 将路由模式修改为hash模式（不建议，hash模式#太丑） 修改nginx配置 lo ......
自动启动浏览器联网
1，安装相应的python库 2，下载 edge 浏览器驱动 weddriver python 文件转成exe文件 Python 生成exe程序_python生成exe_minky糕的博客-CSDN博客 参考链接 编写python代码实现打开并登录网页、对网页进行点击、输入信息等操作_python ......
vue项目axios请求 解决跨域问题
前端 添加vue.config.js文件 【【4k小白到全栈】进阶课好看登录页面Vue3+Ts+Pinia+Axios+Vue Rouyer+SpringBoot2.7+Mybatis Plus前后端分离】https://www.bilibili.com/video/BV1x14y1Z74z?p=2 ......
js 下载流调用浏览器预览 的方法
``` //文件预览 var $viewblob=function (url, data) { const config = { responseType: 'blob', timeout: 9999999 }; $http(url,data,config).then(res => { const ......
暂告一段落的vue学习以及uniapp的开始
最近学习了VUE并且参照其他开源项目做了一个大致的框架，只余部分还需要改成自己的东西， 但是这个要到一段落了，开始了小程序项目之旅， 首先还是到uniapp官网查看官方资料 当然了，还是要从vue3的部分开始学起 跟着官方视频做了一个试例，感觉还不错，很简单 然后项目正式开始了~~ 终于开始了客户项 ......
vue+element根据表单中选项切换，更改表单验证规则
表单：<el-form-item label="周期间隔（天）" prop="periodSpace" v-if="isServicePeriod"> <el-input v-model="form.periodSpace" type="number" placeholder="请输入周期间隔（天） ......
vue 使用Adsense错误：TagError: adsbygoogle.push() error: All ins elements in the DOM with class=adsbygoogle already have ads in them.
<div class="adsenseunit"> <!-- in-article-aquare2 --> <ins class="adsbygoogle" style="display: block" data-ad-client="ca-pub-3935005489954231" data-ad ......
浏览器ERR_PROXY_CONNECTION_FAILED
浏览器访问网址报代理错误：ERR_PROXY_CONNECTION_FAILED 但是命令行 ping 和 curl 可以正常返回。 解决方法： 控制面板 -> 网络和Internet -> Internet选项 -> 连接 在连接页面打“开局域网设置”，检查代理服务器设置，是否打钩，如果打钩则去掉 ......
vue后台使用富文本插件的问题（vue-quill-editor）
1、之前用的wangeditor富文本插件，使用是灰常方便了，但问题多多，插入视频出现问题，有些图片回显也有问题，不显示什么的 然后在网上又找了个vue-quill-editor，图片回显什么的是没问题了，就是有点难用，下面来配置一下，记录如何使用vue-quill-editor的插入超链接、图片、 ......
vue和springboot前后联调
devServer: { port: 7000, proxy: { '/': { target: 'http://localhost:8080/', changeOrigin: true } } } 上面是vue配置，这个配置就可以跨域，你访问http://localhost:7000/转为访问ht ......
vue3中组件,api的自动导入
vue3中ref,reactive等api和自定义组件等每个页面都要引入很麻烦，偷懒是人的天性，故引入自动导入插件，以此记录： 1.vue3的api自动导入 使用前： <script setup lang="ts"> import { ref, onMounted } from 'vue' cons ......
Vue2.0中使用bpmn-js
使用bpmn-js在网页中绘制流程图 1. 新建vue项目, 输入命令 安装bpmn-js npm install bpmn-js --save 2. 在src/main.js中引入css样式 //css样式 import 'bpmn-js/dist/assets/diagram-js.css' i ......
vue-ref
在Vue中一般很少会用到直接操作DOM，但不可避免有时候需要用到，这时我们可以通过ref和$refs这两个来实现，本文我们就来详细的介绍下这个内容 ref ref 被用来给元素或子组件注册引用信息， 引用信息将会注册在父组件的 $refs 对象上， 如果是在普通的DOM元素上使用，引用指向的就是 D ......
vue-插槽 slot
插槽，也就是slot，是组件的一块HTML模板，这块模板显示不显示、以及怎样显示由父组件来决定。 实际上，一个slot最核心的两个概念这里就点出来了，是显不显示和怎样显示 “占坑”，在组件模板中占好了位置，当使用该组件标签时候，组件标签里面的内容就会自动填坑（替换组件模板中<slot>位置），当插槽 ......
CEF4Delphi（DELPHI Google Chrome 浏览器封装） 折腾 （2）--打开一个网页
打开网页的，折腾了好久，试运行DEMO，就行，把DELPHI的代码抄过来，就是不行，然后把自己弄的 控件名称搞的与DEMO一样，属性全对一样了，还是不行，郁闷很久后，才发现工程文件里面还要加代码。 我的工程名为：OpenChrome 选中工程文件后按CTRL+V，然后做以下修改：下面红色的代码是CE ......
迅雷9 关闭右侧浏览器首页
思路：弄一个假的ThunderBrowser.exe 步骤： 退出迅雷在迅雷安装目录找到文件 ThunderBrowser.exe然后删除该文件新建空白文件，使用以上名称（欺骗）开启迅雷 效果： ......
谷歌浏览器请求Referrer Policy: strict-origin-when-cross-origin问题
**问题** 使用火狐浏览器请求成功  在谷歌浏览器请求失败 **原因** 谷歌浏览器请求为 Referrer P ......
vue-computed
使用场景和方法： 1、当数据A的逻辑很复杂时，把A这个数据写在计算属性中。 2、在computed中定义一个函数（看起来是一个函数，其实是一个属性） 3、通过选项computed：{计算属性a:值}。带有返回值return的函数。 特点： 监听值未在data中定义，以return返回值形式； 计算属 ......
vue-this关键字
vue中， 在script中调用属性和方法，需要使用this 在template使用属性、方法，可以省略this： 因为vue在解析template时使用了with(this)，改变了template中的顶层作用域 ......
CEF4Delphi（DELPHI Google Chrome 浏览器封装） 折腾 （1）--安装
1、下载：https://github.com/salvadordf/CEF4Delphi/tree/master 2、安装 包：CEF4Delphi-master\packages 目录中，如果不行，全部包都编译一下。 3、下载运行环境：地址 到 https://github.com/salvad ......
[ Vue ] opensslErrorStack: [ ‘error:03000086:digital envelope routines::initialization error‘ ]
报错触发场景：Mac系统，开发工具启动从其他地方拷贝或者git克隆来的，非自建前端Vue项目时。 报错内容如下： opensslErrorStack: [ 'error:03000086:digital envelope routines::initialization error' ], libr ......
如何在浏览器中启用 WebGL 以使用 HTML5 3D 查看器
描述 WebCenter 中的 HTML5 3D Collada Viewer（自 14.1 以来新增）要求在浏览器中启用 WebGL。较旧的浏览器可能不支持此功能，或者要求用户首先显式启用此功能。本页介绍如何为所有主要浏览器启用此功能。WebGL 3D 查看器 本文是以下超级用户文章的摘要：如何在 ......
vue-cli
Vue CLI 是官方提供的一个 vue 项目脚手架，本项目也是基于它进行构建的。它帮你封装了大量的 webpack、babel 等其它配置，让你能花更少的精力在搭建环境上，从而能更专注于页面代码的编写。不过所有的脚手架都是针对大部分情况的，所以一些特殊的需求还是需要自己进行配置。 安装和使用 np ......
Vue3内置组件suspense用法
## 1、作用 在使用异步组件时，由于需要等待组件加载完成后才能显示，因此可能会出现页面空白或显示错误信息的情况。而 Suspense组件的作用就是在异步组件加载完成前显示一个占位符，提高用户体验。 ## 2、用法 * 首先子组件AsyncShow：使用了promise包裹代码 ```javascr ......
vue监听对象属性值发生变化
监听对象属性object里面属性值的变化。 export default { data() { return { object: { username: '', password: '' } } } } 方法一：直接根据watch来监听。 export default { data() { retu ......
[转]vue中的css深度选择器 :deep(<inner-selector>)、/deep/、>>>、::v-deep 到底是什么？
原文地址: vue中的css深度选择器 :deep(<inner-selector>)、/deep/、>>>、::v-deep 到底是什么？ - 掘金 vue中的css深度选择器 概念与作用 当 <style> 标签有 scoped 属性时，它的 CSS 只作用于当前组件中的元素，父组件的样式将不会 ......
vue~layout模板页的使用
# 模板页的重要性 Vue 项目中使用布局组件来创建页面布局的方式是完全可行的，而且在很多项目中都被广泛采用，包括像 ruoyi 这样的框架。这种模式有助于实现统一的页面布局结构，减少重复代码，并提高代码的可维护性。 让我们具体分析一下你提到的 ruoyi 框架的做法： 1. **Layout 组件 ......
导入导出（Excel）vue
导入导出（Excel） 首先 vue安装插件 （最后有完整代码） npm install xlsx file-saver 其次： 简单的导出按钮 代码： <template> <div> <el-button type="primary" @click="exportExcel">导出 Excel< ......
vue3 报错 and 'localEnabled' does not exist in type 'ViteMockOptions'
报错：ReferenceError: require is not defined 原因： 通过命令行 pnpm install -D vite-plugin-mock mockjs 安装得vite-plugin-mock 之后发现再vite.config.ts里边报错 vue3+vite安装vit ......