devtools浏览器edge vue

使用 docker 打包构建部署 Vue 项目,一劳永逸解决node-sass安装问题

> 文章源于 Jenkins 构建 Vue 项目失败,然后就把 node_modules 删了重新构建发现 node-sass 安装不上了,折腾一天终于可以稳定构建了。 > 犹记得从学 node 的第一天,就被 node-sass 折磨了一整天,后面本地没问题了然后服务器开始折磨了,这次又遇到,尝试 ......
一劳永逸 node-sass 项目 docker 问题

abp-vnext-pro 实战(九,前端vue和vben学习)

vben效果 Vben Admin (vvbin.cn) 对应的代码在 vue-vben-admin/src/views/demo/page/form/basic/data.ts at main · vbenjs/vue-vben-admin (github.com) { field: 'time' ......
前端 abp-vnext-pro 实战 vnext vben

vue2的源码github下载和本地启动调试源码

1.下载源码:https://github.com/vuejs/vue 2.安装依赖,命令行执行:yarn 3.修改package.json的运行脚本scripts里面加上源码map定位的参数,在打包后页面引入使用时可以调试到源码: { "name": "vue", 。。。 "scripts": { ......
源码 github vue2 vue

Vue动态创建组件实例并挂载到body

方式一 import Vue from 'vue' /** * @param Component 组件实例的选项对象 * @param props 组件实例中的prop */ export function create(Component, props) { const comp = new (V ......
组件 实例 动态 body Vue

VUE- elementUI使用quill富文本编辑器(编辑文本、上传图片)

准备工作:安装 yarn install vue-quill-editor main.js // 编辑器 import VueQuillEditor from 'vue-quill-editor' // 引入样式 import 'quill/dist/quill.core.css' import ' ......
文本 编辑器 elementUI 图片 quill

vue3.0运行npm run dev 报错Cannot find module ‘node:url‘

### 一、问题描述: - 学习vue3.0( Vue.js - 渐进式 JavaScript 框架 | Vue.js)的时候一直使用的家里电脑,项目搭建运行一直没问题,公司近期用vue3.0写项目 - npm init vue@latest —> npm install 都ok,npm run d ......
Cannot module vue3 find node

vue实现大文件上传下载

​ 以ASP.NET Core WebAPI 作后端 API ,用 Vue 构建前端页面,用 Axios 从前端访问后端 API ,包括文件的上传和下载。 准备文件上传的API #region 文件上传 可以带参数 [HttpPost("upload")] public JsonResult upl ......
上传下载 文件 vue

Ubuntu22安装Chrome浏览器

## 翻译自[博客][1] ## 1.将下载的chrome安装包放在~/Downloads文件夹下 ```shell $ cd ~/Downloads # wget是一个下载工具 $ wget https://dl.google.com/linux/direct/google-chrome-stab ......
浏览器 Ubuntu Chrome 22

Vue入门

属性动态绑定,内容插值语法 VScode-Vue插件 live server 插件,模拟服务器启动开发前端代码 Vue 3 Snippets 代码提示插件 Volar Vue的开发提示插件 其他插件 bootcdn 搜索js插件类库 Draw.io Integration vscode流程图插件 v ......
Vue

vue中,一个参数是一个图片网络地址,当重新上传一个图片替换原来的图片后,地址没变,但是图片还是原来的

这个问题可能是由于浏览器缓存导致的。为了解决这个问题,你可以向图片的URL地址中添加一个随机参数,以确保每次加载图片时都会从服务器获取最新的图片。你可以使用类似于以下方式来添加随机参数: <img :src="imageUrl + '?timestamp=' + Date.now()" /> 这样, ......
图片 地址 参数 还是 网络

Vue组件缓存之keep-alive正确使用姿势

先来看一个项目中的需求 作为苦逼的前端开发者,我们无时无刻都要面对产品经理提的各种需求, 比如下图这个场景 场景: 从首页的点击导航进入列表页, 列表页点击列表进入 该 数据详情页 从详情页返回,希望列表页缓存,不重新渲染数据,这样会提高用户体验。 分析一下 这样需求,如果是小程序的话,默认列表页就 ......
缓存 keep-alive 组件 姿势 alive

vue3 配置commitlint 实现上传时,对代码描述的约束

1、对于我们的commit信息,也是有统一规范的,不能随便写,要让每个人都按照统一的标准来执行,我们可以利用**commitlint**来实现。 安装包命令: pnpm add @commitlint/config-conventional @commitlint/cli -D 2、添加配置文件,新 ......
commitlint 代码 vue3 vue

03.浏览器打开摄像头

1、概念 navigator.mediaDevices.getUserMedia是一个Web API,用于在浏览器中获取访问音频和视频设备的权限,从而进行媒体的捕获。具体来说,它可以用于在网页上实时获取用户的摄像头和麦克风。 它返回一个 Promise 对象,成功后会resolve回调一个 Medi ......
摄像头 浏览器 03

vue3 使用 setup 语法糖时,keep-alive 缓存使用 include / exclude 获取组件名

``` ``` `vue3` 使用 `keep-alive` 缓存页面时,如果需要使用 `include / exclude` 参数,那么就要用到组件名称。如果用 `setup` 语法糖书写时无法直接获取组件名,此时想要设置组件 `name` 的话有如下方法: #### 1. 多写一个script标 ......
缓存 语法 keep-alive 组件 include

allure报告中firefox信息不展示(多浏览器或多线程执行时只显示一个浏览器的日志)

安装的allure-pytest的版本要是2.11.1之前的(之后的版本没有test_result.historyId,加上应该也可以) 在依赖包Lib--site-packages--allure_pytest--listener.py文件里修改 test_result.historyId = m ......
浏览器 线程 firefox 报告 allure

Ubuntu22上的firefox浏览器打不开google.com的异常情况

## 1.问题描述:在fireforx浏览器上安装好了ghelper插件,但是无法打开google.com ## 2.问题解决 * 1.尝试更换一个代理路线 * 2.尝试打开google.com.hk or youtube.com ......
浏览器 firefox 情况 Ubuntu google

Vue【原创】数据可视化,复合数字形式展示

做数据可视化的时候,经常碰到需要很灵活的数字形式展示。 先上个效果图: 如图包括名称,数量,别名,单位,上升下降,环比等等的复合数据展示,并且需要支持样式灵活配置。 此组件包括2个模块,父容器组件box-group,其中每一项的子组件box。 父组件 box-group 1 <template> 2 ......
形式 数字 数据 Vue

vue3 报错:husky - pre-commit hook exited with code 1 (error)

问题:git 提交不上去 解决方法: "format": "prettier --write \"./**/*.{html,vue,ts,js,json,md}\"", ......
pre-commit commit exited husky error

Vue中使用vue-drag-resize实现窗体可拖拽和随意缩放大小

场景 若依前后端分离版手把手教你本地搭建环境并运行项目: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/108465662 在上面的基础上,实现弹窗窗体可移动以及随意缩放大小。 效果如下 注: 博客: https://blog.c ......
窗体 vue-drag-resize 大小 resize drag

vue-manager-system前端开发使用

github地址,感谢作者xzfxz开源 https://github.com/xzfxz/vue-manager-system 1. cnpm install 2. cnpm run dev 3. cnpm run build ......
vue-manager-system 前端 manager system vue

vue获取当前时间的前一小时时间戳

参考:https://www.5axxw.com/questions/simple/47vt8l ......
时间 小时 vue

umi-qiankun——子应用vue+element返回主项目react+antdReact,样式丢失问题

参考: [Bug]结合 styled components 使用时 dynamicHeadAppend 存在缺陷 #617 https://github.com/umijs/qiankun/issues/617 qiankun官网 https://qiankun.umijs.org/zh/api/# ......
umi-qiankun 样式 antdReact qiankun element

Vue3 Avue Excel导入导出两种方法

Vue3 Avue Excel导入导出两种方法 1.根据avue官网,直接使用 官网导入导出地址 在index.html里导入包 <!-- 导入需要的包 (一定要放到index.html中的head标签里)--> <script src="https://cdn.staticfile.org/Fil ......
方法 Excel Vue3 Avue Vue

找不到模块“../view/Home.vue”或其相应的类型声明。

环境:vue3+ts 解决办法:在src目录里面添加env.d.ts文件,在文件里贴上 declare module '*.vue' { import type { DefineComponent } from 'vue' const component: ComponentOptions | Co ......
模块 类型 view Home vue

VUE input允许数字 且两位小数

页面: <el-input @keyup.native="onlyNumber()" placeholder="请输入(整数或者小数)金额" v-model="form.ysje"></el-input> 方法: onlyNumber() { this.form.ysje = this.onlyNu ......
小数 数字 input VUE

0824 学习vue3

node 版本 v16.17.1 1、创建vue项目 命令: 创建vue 项目 1、pnpm create vite 下载依赖 2、pnpm install 运行项目 3、pnpm run dev 4、开启启动项目自动打开浏览器 5、安装代码规范检测插件 5.1 首先安装eslint 命令:pnpm ......
0824 vue3 vue

Win10 Pdf默认打开方式总是修改为Edge浏览器的解决办法

第一步:常规的设置为你需要设置的打开方式。 找到PDF文件,右键属性,打开方式- 选择默认打开方式。 第二步:修改注册表权限,限制系统自动修改。 1. 打开注册表找到 计算机\HKEY_CURRENT_USER\SOFTWARE\Microsoft\Windows\CurrentVersion\Ex ......
浏览器 办法 方式 Edge Win

值得推荐的Vue 移动端UI框架

1. Vant(支持Vue3) 是有赞前端团队基于有赞统一的规范实现的 Vue 组件库,提供了一整套 UI 基础组件和业务组件,这是我目前用过最好用的框架。中文文档 | github地址 | 在线预览 2. Mint UI Mint UI 由饿了么前端团队推出的 Mint UI 是一个基于 Vue. ......
框架 Vue

Vue【原创】下划线动态效果按钮,一般按钮模式,开关切换模式。

1.lilo-icon-button 一般按钮模式: 1 <template> 2 <div class="icon-button" :style="{ color: font.color }" @click="onclick"> 3 <i :class="[icon.type]" :style=" ......
按钮 模式 下划线 效果 动态

vuedraggable和vue-fragment冲突导致连续多次拖拽报错问题

项目中使用了vuedraggable实现拖拽功能。同时为了不产生多余标签,引入了vue-fragment。在连续多次拖动之后,总是报错。 解决办法:卸载vue-fragment。如果不想引入多余的标签,可以直接使用<template>,而且<template> 标签是标准的 HTML 标签,更具可移 ......