devtools浏览器edge vue
nginx部署 vue3 同时 配置接口代理(详细)
## Vue项目配置.env文件 #### 在项目根目录下创建文件夹(.env.production )  ......
vue+vite项目在浏览器运行正常，在钉钉白屏报错，在嵌入的app里面白屏报错
1.在钉钉直接打开本地跑的项目白屏并且报错 Uncaught ReferenceError: globalThis is not defined/@vite/client:135:7 ReferenceError: globalThis is not definedat http://192.168 ......
vue语法
## 基础指令 ### 1.v-bind 将标签属性值变成变量，动态改变标签属性 ```vue 去百度 # 简写 去百度 ``` 标签属性不加`v-bind`时它的值`"xxx"`就是一个固定值，加了`v-bind`它的值`"xxx"`就变成了变量。 我们可以在data里新增一个xxx属性并为它赋值 ......
vue 模糊查询
html代码 <div id="root"> <h3>人员列表</h3> <input type="text" placeholder="请输入名字" v-model="keyWord"> <ul> <li v-for="(p,index) of filPersons" :key="index"> ......
vue - 点击按钮上传文件功能的实现
``` methods: { //点击调用上传方法 async handleUpload(row) { try { let fileList = await this.getFile("", true); // 参数1：选取文件类型如.pdf、.png、.doc文件，参数2、是否多选 console ......
函数：随机生成User-Agent 字符串，用于模拟不同的浏览器和操作系统类型，增加爬虫的隐蔽性
1 def get_ua(self): 2 first_num = random.randint(99, 103) 3 third_num = random.randint(0, 5060) 4 fourth_num = random.randint(0, 140) 5 os_type = ['(W ......
Vue3+.net6.0 七 v-model 表单输入绑定
表单输入绑定 v-model可以绑定各种不同类型的输入，它会根据不同的元素自动使用对应的DOM属性和事件组合。 文本类型的 <input> 和 <textarea> 元素会绑定 value property 并侦听 input 事件； <input type="checkbox"> 和 <input ......
全栈教程：Spring Boot 和 Vue.js 入门
在本教程中，你将创建一个 CoffeeBot 应用程序。该应用程序就像机器人咖啡机的控制器。遗憾的是，它实际上不会为你提供咖啡，但它将演示大量有用的编程技术。该应用程序将有一个 Vue.js 客户端和一个 Spring Boot 资源服务器。它将使用 JHipster 进行引导，节省大量时间并演示一 ......
Vue 学习 Day2
摘要： 动态属性的限制 当使用 DOM 内嵌模板 (直接写在 HTML 文件里的模板) 时，我们需要避免在名称中使用大写字母，因为浏览器会强制将其转换为小写： <a :[someAttr]="value"> ... </a> “someAttr” 属性而非 “someattr”，这段代码将不会 ......
vue3核心概念-Mutation-辅助函数
你可以在组件中使用 this.$store.commit('xxx') 提交 mutation，或者使用 mapMutations 辅助函数将组件中的 methods 映射为 store.commit 调用（需要在根节点注入 store） 辅助函数只能在选项式API中使用 <template> <h ......
Vue实现在线编辑excel、导入、导出(转)
原文：https://www.baidu.com/link?url=AuyjwtPhSkYFpr8dpb-mdYLpniwQhc7URksdLNktJ-dFgYmR4eEv3VpuTWxEH1p37BdTjfnva4iKCX8_pZx4BgFMyFjgxtMT95FLe5N02vi&wd=&eqid ......
vue3核心概念-State
Vuex 使用单一状态树，用一个对象就包含了全部的应用层级状态。至此它便作为一个“唯一数据源 ”而存在。这也意味着，每个应用将仅仅包含一个 store 实例 在 Vue 组件中获得 Vuex 状态 import { createStore } from 'vuex' const store = cr ......
Vue聊天界面请求AzureOpenAI
Vue工程目录： <script setup> import { ref } from "vue"; import axios from "axios"; import MarkdownIt from "markdown-it"; import hljs from "highlight.js"; c ......
vue动态添加路由后刷新失效问题
当添加路由addRoutes的时候，正常点击是没问题的，但是刷新一次页面，那么动态添加的路由就会失效， 用getRoutes() 打印出来看的时候确定路由已经添加进去了，所以这个原因应该是 当你执行到addRoutes时，路由要添加进去了，但是，路由不是响应式的，从执行循序来看，地址栏快于路由的添加 ......
el-table在safari浏览器表头与表格内容错位显示问题
// 兼容safari列头与td对不齐问题 .el-table__header, .el-table__body, .el-table__footer { width:100% !important; table-layout: fixed !important; }.el-table__fixed ......
利用远程调试获取Chromium内核浏览器Cookie
本文将介绍不依靠DPAPI的方式获取Chromium内核浏览器Cookie。首先我们以edge为例。edge浏览器是基于Chromium的，而Chromium是可以开启远程调试的。 ......
IIS部署createWebHistory路由模式的Vue项目
接口使用NetCore，前端使用Vue3.+ 网站部署目录如下 - api(虚拟应用程序) - web - index.html 需要在服务器上按照URLRewrite 下载地址：https://www.iis.net/downloads/microsoft/url-rewrite 安装后在网站根目 ......
vue 适配
## vue 适配 1.amfe-flexible amfe-flexible是配置可伸缩布局方案，主要是将1rem设为viewWidth/10。 2.[postcss](https://so.csdn.net/so/search?q=postcss&spm=1001.2101.3001.7020) ......
[Vue] 使用pdf-lib和@pdf-lib/fontkit 报错 fontkit.create is not a function
描述： pdf-lib注册了@pdf-lib/fontkit后 （ pdfDoc.registerFontkit(fontkit) ），内部调用了fontkit的create方法，但是这个方法不存在。 我在控制台打印了下fontkit对象，发现fontkit包了一层default , 即 fontk ......
vue自动去掉html双引号的问题
解决vue项目打包后index.html标签属性没有双引号的问题 问题:编译发布后html中的双引号丢失 在vue.config.js 中 查看网上的写法,编译发布可以,但是本地调试执行报错 1 chainWebpack: config => { 2 config.resolve.alias 3 . ......
less 使用 vue 变量
vue3 const width = '500px' div { width: v-bind(width); // 也可以用引号引起来 } ......
前端编程开发 --- Vue3 事件处理
监听DOM事件，执行js代码 格式： v-on:click="methodName" 或 @click="methodName" 示例： 写js代码 <div id="app"> <button @click="counter += 1">增加 1</button> <p>这个按钮被点击了 {{ c ......
前端Vue自定义精美商品订单星级评分组件 星级评分 爱心评分
随着技术的发展，开发的复杂度也越来越高，传统开发方式将一个系统做成了整块应用，经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改，造成牵一发而动全身。 通过组件化开发，可以有效实现单独开发，单独维护，而且他们之间可以随意的进行组合。大大提升开发效率低，降低维护成本。 组件化 ......
Django4+Vue3全新技术实战全栈项目
第1章 课程介绍 1 节｜12分钟第2章 前端工程开发：环境搭建 5 节｜43分钟第3章 前端工程开发关联技术：webpack 构建工具 7 节｜85分钟第4章 前端工程开发关联技术：Axios 网络请求库 8 节｜42分钟第5章 前端工程开发关联技术：Vue 脚手架 4 节｜34分钟第6章 后端工 ......
vue2-生命周期-初步了解组件创建的过程
# 生命周期图示 可以参考vue官方文档给出的”生命周期图示“，进一步理解组件生命周期执行的过程： 生命周期图示：https://v2.cn.vuejs.org/v2/guide/instance.html ......
vue2-生命周期-了解生命周期和生命周期函数的概念
# 1.生命周期&生命周期函数 `生命周期`（Life Cycle）是指一个组件从`创建`->`运行`->`销毁`的整个阶段，`强调的是一个时间段`。 `生命周期函数`：是由vue框架提供的`内置函数`，会伴随者组件的生命周期，`自动按次序执行`。 ![image](https://img2023. ......
vue-router
路由 理解： 一个路由（route）就是一组映射关系（key - value），多个路由需要路由器（router）进行管理。 前端路由：key是路径，value是组件。 1.基本使用 1. 安装vue-router，命令：npm i vue-router 2. 应用插件：Vue.use(VueRou ......
vue3 图片懒加载
使用vue第三方库 useIntersectionObserver 创建文件 directives/index.js 导入第三方库 import { useIntersectionObserver } from '@vueuse/core' export const lazyPlugin = { i ......
vue和servlet 前后端分离 （复习）
# 一、vue复习 ## 1.vue的使用步骤: （1）导入vue.js （2）创建除body以外最大的div标签，给定id值 （3）创建vue对象 ```bash new Vue({ el:"#app", data:{}//定义变量 methods:{} //定义方法 ``` ## 2.vue语法 ......