devtools浏览器edge vue
vue页面书写顺序
<template> <!-- html模板 --> <div class="a-class"> <div class="b-class"> <div class="c-class">vue页面书写规范</div> </div> </div> </template> <script> /* 模块系统 ......
Vue中message.split().reverse().join()函数用法
1、split('') 把一个字符串分割成字符串数组 把数据拆分为一个数组,括号里的' '是把数据拆分为每个字符串 2、reverse() 颠倒数组中元素的顺序 只作用于数组，跟在split('')后才能起作用，在一个字符串后面不起作用，如message.reverse() 3、join('') 把 ......
手把手教你使用Vite构建第一个Vue3项目
### 写在前面 在之前的文章中写过“如何创建第一个vue项目”，但那篇文章写的是创建vue2的 项目。 传送门[如何创建第一个vue项目](https://blog.csdn.net/rong09_13/article/details/127142369) 打开`Vue.js`官网:https:/ ......
vue--day77--路由的简介
1. vue-router 的理解 vue 的一个插件库 专门用来实现SPA 应用 2.SPA 应用的理解 单页web 应用，（single page web application SPA） 整个页面只有一个完整的页面 点击页面中的导航链接不会刷新页面 只会做页面的局部更新 数据需要通过ajax ......
今天练习element组件的时候，引入element样式和脚本文件以及vue的组件之后，导入简单element组件练习之后，查看组件的时候，样式一直出不来，经过我多次排查，终于发现，导入的三个内容是有顺序排序要求的。必须先导入vue，然后再导入其他的两个。
2023-09-04 今天练习element组件的时候，引入element样式和脚本文件以及vue的组件之后，导入简单element组件练习之后，查看组件的时候，样式一直出不来，经过我多次排查，终于发现，导入的三个内容是有顺序排序要求的。必须先导入vue，然后再导入其他的两个。 <!DOCTYPE ......
Vue 3 之 Element Plus 之 Pagination 的 坑
版本信息： vue.js 3.3.4 Element Plus 2.3.12 浏览器 Chrome Version 116 -- 坑描述 试验 Element Plus 之 分页时，出现了异常——之前开发的 弹窗 打不开了。 Pagination 分页： https://element-plus.o ......
从壹开始前后端开发【.Net6+Vue3】（二）前端框架
# 项目名称:KeepGoing(继续前进) ## 介绍 工作后，学习的脚步一直停停走走，希望可以以此项目为基础，可以不断的迫使自己不断的学习以及成长 将以Girvs框架为基础，从壹开始二次开发一个前后端管理框架 在这过程中一步步去学习使用到的技术点，也同时会将在此过程中遇到的问题进行分享 项目地址 ......
Edge
BY SYLVIA PLATH The woman is perfected. Her dead Body wears the smile of accomplishment, The illusion of a Greek necessity Flows in the scrolls of her ......
vue插件(vue-print-nb)实现打印功能
参考文章1 https://blog.csdn.net/DZQ1223/article/details/131411002 https://blog.csdn.net/qq_23370345/article/details/120720693 ......
关于VUE请求oauth2报401这件事（客户端模式）
今天，需要做VUE客户端授权oauth2。遇到了一个问题： 1，请求oauth2获取token时，请求header的Content-Type问题： 这是oauth2的获取token的接口：注意：客户端模式请求时，Content-Type必须是：application/x-www-form-urlen ......
Minimum Edge Weight Equilibrium Queries in a Tree
Minimum Edge Weight Equilibrium Queries in a Tree There is an undirected tree with n nodes labeled from 0 to n - 1. You are given the integer n and a ......
使用Flask和Vue.js构建现代Web应用
博客主题：使用Flask和Vue.js构建现代Web应用 概述 在本篇博客中，我们将介绍如何使用Flask和Vue.js这两个流行的框架来构建一个现代化的Web应用。Flask是一个轻量级的Python Web框架，而Vue.js是一个灵活且易于使用的JavaScript框架，用于构建交互式的用户界 ......
vue3使用postcss-px-to-viewport 附带vite配置
postcss-px-to-viewport做前端自适应，适用于pc和移动1.下载 postcss-px-to-viewport 插件 npm i postcss-px-to-viewport 2.在vite.config.ts中添加配置 import pxtovw from 'postcss-px ......
Vue 3 之 Element Plus 之 Table 的 坑
版本信息： vue.js 3.3.4 Element Plus 2.3.12 -- 坑描述 试验 Element Plus 之 Table 时出现了异常，表格显示错乱——列头不是横着显示，而是竖着显示；并且，表格内容只显示了最后一列的。 作者使用的是 直接导入 的方式： <!-- Import st ......
vue3+ts Axios封装—重复请求拦截
创建好vue3项目 1.安装Axios与Element Plus Axios安装 npm install axios Element Plus 安装 官网入口：https://element-plus.gitee.io/zh-CN/ npm install element-plus --save E ......
vue中引入图片等静态资源的几种方式
在vue中引入图片等静态资源，由于部署的时候需要打包，打包后文件名字路径不一致，导致显示不了。以下为解决的几种方式： 1.样式直接引入： <div class="imgItem"> <div class="imgLogo"></div> </div> .imgLogo { width: 100px; ......
vue3+vite使用require引用图片失效问题
首先，这个问题的原因跟vue无关，是vite引用只支持import，require是隔壁webpack的引用方式， vite用自身的url可以用import.meta.url来拼装项目路径，如下： 这个原理只不过是在发布的地址上去找对应图片，而且只会找项目中public文件夹下的图片资源，asset ......
Vue-----模板插值-----(v-once、v-html、v-bind使用)
1、v-once 当组件在进行变量插值时只会插值一次。某些情况下，某些组件的渲染是由变量控制的，但是我们想让它一旦渲染后就不能够再被修改，可以是由v-once来实现 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <met ......
vue3 使用vue-router 进行网页跳转以及获取问号后面的参数
关键代码： ```ts const router = useRouter() const author = 'myname' router.push({ name: 'Edit', query: { author }}) const route = useRoute() const value = ......
Vue.js 组件的2种创建使用方法
创建组件的两种方式 1.全部注册组件 Vue.commpent('自定义标签名',{ //组件有自己的一个data函数，也只能是函数 组件不可有根节点el属性 data：function(){ return { //返回data中的数据 } //模板 template：` `, methods:{ ......
Vue element 表格跨行合并单元格
### 1、定义 table.js ```javascript /** * 生成表格合并行坐标阵列 rowspan、colspan 信息 * @param {表格数据} tableData * @param {合并列字段} mergeColumns example : ["filed1",[file ......
VUE 打开新页面方法记录
1. 使用VUE Router 主要使用router的resolve方法进行路径及参数构造 jumpPage(){ let routeData = this.$router.resolve({ name: "newPage", query: { name: "zs" } }) window.open ......
浏览器的本地存储和会话存储
1.本地存储 使用浏览器的本地存储（Local Storage）：可以使用localStorage对象将数据存储在浏览器的本地存储中。这样，即使用户刷新页面或关闭浏览器，数据也会被保留。 /** 将数据存储在localStorage中会长期保存，即使关闭浏览器也不会丢失。 使用localStorag ......
彻底关闭谷歌浏览器自动更新方法分享 取消chrome自动更新
原理：以往各种方法禁用chrome自动升级不成功，它有各种方法来升级谷歌，但一定是用update里的升级程序来升级的，你可删除里面的文件，但是它会直接生成，我们切断这一步，只要它没法在里面生成程序，那么它就无法升级了。 system权限介绍：系统权限，里面最高的权限，administrator权限也 ......
Vue3使用Vuex 教程(这才是真正的小白教程！)
我的项目是vue3+element-plus 我是个菜鸡，我不懂前端。想做一个tags的导航标签页。但是点击标签页之后页面仍然是会重新请求。感觉这不就跟没做一样吗？ 遂百度GPT，第一种方式采用的就是存储到session里。搞了大半天，突然觉得这样好捞，遂采用vuex。虽然两者理论上区别不大，但是说 ......
Vue2.0 使用wangEditor（富文本编辑器）
1、安装 npm install wangeditor --save 2、页面中使用 2.1 定义容器 <div id="content"></div> 2.2 引用 wangeditor // 引入wangeditor import wangEditor from "wangeditor"; 2. ......
Vue-----alert页面弹框的使用方法
alert通常用于页面弹出对话框操作，常用于获取错误信息、提示信息、显示内容等，下面是alert的一些基本用法 1、弹出固定的文字 alert("请输入账号密码") 注：需要加入双引号将文字括起来否则弹框不生效 2、动态切换内容一：不加引号 alert(this.userName) 注：通过this ......
.Net+vue+Element 七牛云上传
API 安装 官方文档:developer.qiniu.com/kodo/1237/c… Nuget 搜索安装 Qiniu Bucket 储存空间名 bucket接口文档:developer.qiniu.com/kodo/3941/t… string Bucket = "image"; //七牛云储 ......
vue组件切换_demo
项目参考：36_动态组件_哔哩哔哩_bilibili 项目结构： App.vue <template> <component :is="Component"></component> <button @click="switchHandle">switch Component</button> </ ......