devtools浏览器edge vue
vue自定义组件——search-box
github地址: https://github.com/lxmghct/my-vue-components 组件介绍 props: value/v-model: 检索框的值, default: '' boxStyle: 检索框的样式, default: 'position: fixed; top: ......
企业级项目模板的配置与集成（Vite + Vue3 + TypeScript）
企业级项目模板的配置与集成（Vite + Vue3 + TypeScript） 1、项目介绍 项目使用：eslint + stylelint + prettier来对我们代码质量做检测和修复。 需要使用husky来做commit拦截 需要使用commitlint来统一提交规范 需要使用preinst ......
Vue的生命周期
var vm = new Vue({ el: "#app", // 在基础初始化完成之后，数据和事件配置之前调用 beforeCreate(){ console.log("beforeCreate") }, // 初始化全部完成，实例创建完成后立即调用 created(){ console.log( ......
解决方案 | Chrome/Edge 总是自动修改我的pdf默认打开方式
1、问题描述 最近我的pdf文件总是被chrome打开（如图1），而且点击属性，更改别的pdf阅读器也不管用（如图2），此时的chrome就像个流氓软件一样。 图1 被chrome劫持 图2 点击属性更改默认打开方式，该方法对我电脑无效 2、尝试方法 方法1：即pdf文件右键更改默认打开应用，结果无 ......
谷歌浏览器好用插件
1 ChatGPT 总结助手 https://chrome.google.com/webstore/detail/chatgpt-summary-assistant/nnjcoododbeemlmmhbfmmkbneniepaog 使用 ChatGPT 对任何网页进行总结。支持 GPT 3.5、GP ......
VUE前端随笔计2
又是小白记录问题的一次，老规矩，还是抄别人的代码来改。 在表标签中找到了一个点击事件 定位代码，对比别人的，发现自己的删多了，把这个补充回去就行了，具体意思不太明白，大概是给这个模型里面填充这行数据。 ......
局部添加加载中效果loading （vue+elementUI）
产品需求：有时候我们不想为整个页面添加loading效果。只想给局部区域添加loading效果。（这效果就不揍产品了） 在一个表格数据加载时，因为需要连接其它东西，所以后台接口返回数据需要较长时间，因此添加局部Loading效果，增加用户体验度， 最开始使用下面代码，直接放到<el-table>中， ......
vscode中vue项目中修改.vue文件名后报错
报错误信息： Already included file name '.../xxx.vue' differs from file name '.../xxx.vue' only in casing. The file is in the program because: Imported via ......
如何搭建一个vue项目
(如何搭建一个vue项目) 一、nvm 安装与使用 1.1、nvm简介 nvm全名node.js version management，顾名思义是一个nodejs的版本管理工具。通过它可以安装和切换不同版本的nodejs 1.2、nvm下载 ①github下载 https://github.com/ ......
浏览器console发送post请求
const text = ` 18 0.5 18 19 0.5S 19 20 1 20 21 2 21 22 3 22 23 0.25 23 24 1.5 24 25 2.5 25 26 3.5 26 27 5 27 28 10 28 29 20 29 30 A级 30 31 B级 31 32 C级 ......
Vue 报错-4058 ENOENT: no such file or directory的原因和解决办法
原因是我在上一级目录打开的cmd 然后npm run serve 需要进到app内run一下 ......
为什么用getContextpath方法在浏览器上响应的是下载文件
原来是代码写错了，浏览器接收的响应是文本或Html代码，我写成了“test”,如图： 改正后，成功显示出了项目的根路径，如图： ......
vue中使用wangEditor在设置工具栏的显隐
前段时间为了富文本在wangEditor和tinyMCE中犹豫，虽然最后选择用tinyMCE，但是wangEditor的文档也是去看了的。 wangEditor中文文档在这里。由于项目中需要的工具栏并不多，需要将部分工具栏隐藏，然后我将这两个富文本框的文档都看了一下。 这里主要说一下wangEdit ......
【Vue2.x源码系列08】Diff算法原理
vue2采用了头尾双指针的方法，每次比对时，优先进行头头、尾尾、头尾、尾头的比对尝试，如果都没有命中才会进行乱序比对。 ......
MacOS能够ping通github.com但是chrome浏览器却打不开网址
1 关闭所有代理软件 2 可以取网络设置里面新建位置 3 确定/etc/hosts文件配置了域名和ip的地址映射 4 后面解决问题 ......
VUE- history模式发布项目部署
VUE- history模式发布项目部署 环境：vue项目 发布后，通过nginx部署到docker容器内。 如需要去掉路径中的 #/ 则需要使用history模式发布。 1. 修改路由的配置文件 const router = new Router({ base: process.env.BASE_ ......
edge浏览器列表 edge://edge-urls
List of Edge URLs edge://about edge://accessibility edge://app-service-internals edge://app-settings edge://application-guard-internals edge://apps ed ......
Vue项目结构
1、node_module:依赖库2、public:静态资源3、src:组件源码 assets:资源(图片) components:存放公共组件的地方 App.vue:根组件 main.js:项目入口4、package-lock.json:依赖的详细信息5、package.json:包依赖文件 ......
vue2 + fabric.js 实现撤销、恢复效果
全部代码 <template> <div> <canvas id="canvas" width="400" height="400" style="border: 1px"></canvas> <button :disabled="!canUndo" @click="historyState(sta ......
Vue3.3 的新功能的一些体验
Vue3 在大版本 3.3 里面推出来了一些新功能（主要是语法糖），网上有各种文章，但是看起来似乎是一样的。 我觉得吧，有新特性了，不能光看，还要动手尝试一下。 DefineOptions 宏定义 先来一个简单的，以前我们有时候想设个name，有时候不想让组件自动继承属性，这时候需要单独设置一个sc ......
vue嵌套iframe踩坑
iframe修改src不触发刷新 在vue中通过v-bind绑定src <iframe sandbox="allow-same-origin allow-scripts allow-forms" ref="iframe_page" :src="pageSrc" style="display:bloc ......
vue父组件调用子组件的方法
父组件中写法： <div style="padding: 10px"> <columnTwo ref="child" style="height: 200px;" :columnDataName="columnDataName" :columnData="columnData"></columnTw ......
vue3项目国际化，你还不了解吗？
vue3使用的国际化库为：i18n 安装方式： npm install vue-i18n@next 安装完成后在src文件夹下新建lang文件夹 在lang文件夹下新建需要语言转换的文件夹，这里以中文zh和英文en举例，在这两个文件夹下新建需要转换的语言 在zh的index.ts中写好我们需要转换的 ......
从0到1搭建后台管理系统（Vue3 + Vite4 + TypeScript + Element Plus + Pinia + Vue Router ）
参考有来：https://www.cnblogs.com/haoxianrui/p/17331952.html Node 16+ 版本大于16【问题一：目前我是14.18.2的版本npm是6.14.15版本，这就涉及到要切换node版本的问题，不然我安装了16我的vue2项目就启动不了了】 vsco ......
vue 父子组件生命周期执行顺序
挂载阶段执行顺序为：父beforeCreate -> 父created -> 父beforeMount -> 子beforeCreate -> 子created -> 子beforeMount -> 子mounted -> 父mounted 更新阶段执行顺序为：父beforeUpdate -> 子b ......
vue3+element-plus Calendar 日历组件添加农历、节假日
创建一个vue文件 <script setup lang='ts'> import { ref } from "vue"; import calendar from "./lunarDay";//引入农历、节假日计算方法 defineOptions({ name:'CusCalendar' }) c ......
谷歌浏览器应用商店打不开怎么办？
解决方法：借鸡生蛋 Edge浏览器用的也是同样的内核，Edge的扩展商店可以打开，因此我们可以这么干 ##1. 打开edge浏览器的应用商店，下载你想要的扩展 ##2. 记录你下载的扩展的id和版本号，在本地找到该扩展的文件夹 ##3. 用谷歌浏览器加载已解压的扩展程序，就是这个文件夹 这样就好了 ......
vue请求后端数据和跨域问题
最近遇到的一个问题 后端写好的接口，前端怎么获取数据 这是我后端的接口：GET 接口 这是我前端运行的项目地址： 简单使用： 咱门前端使用 颇受好评的 axios 来发起请求 这是它的官网：https://www.axios-http.cn/ 不过要在vue中使用它，就需要先安装 打开终端 输入一下 ......