devtools浏览器edge vue
vue 首次加载项目,控制台报错: Redirected when going from "/" to "/login"
第一次加载加载页面时报错如下:Redirected when going from "/" to "/login" via a navigation guard. ![image](https://img2023.cnblogs.com/blog/1880163/202310/1880163-202 ......
js中使用css变量（vue）
html <div class="test" :style="{ '--backgroundColor': backgroundColor }"></div> js css .test { background-color: var(--backgroundColor); } ......
vue3 动态加载组件
<el-dropdown style="margin: 0px"> <el-button type="primary"> 视图 </el-button> <template #dropdown> <el-dropdown-menu> <el-dropdown-item v-for="dropItem ......
Jenkins配置java和vue构建环境
jdk，maven，node，localtime等配置可通过挂载的方式进行配置 前提条件是虚拟机中已配置好jdk，maven，node等环境 docker run --name jenkins -p 28081:8080 -p 50000:50000 -v /var/run/docker.sock: ......
Vue无线滚动不触发问题
Vue的v-infinite-scroll="load" 会无线触发 要定义实际高度和可视高度之间关系 设置style="overflow:auto;height:calc(100vh - 49px)" 100vh = 100% <div class="box" style="overflow:au ......
转载 vue-cli5降级为vue-cli4
vue-cli5降级为vue-cli4 1.启动命令行，运行npm config ls -l，找到userconfig路径下的.npmrc文件进行删除； 2.输入where vue，把 vue vue.cmd 这两个文件删除； 3.输入vue -V，会显示 ‘vue’ 不是内部或外部命令，也不是可运 ......
Vue
Vue 一套前端框架，免除原生JavaScript中的DOM操作，简化书写 基于MVVM（Model-View-ViewModel）思想，实现数据的双向绑定，将编程的关注点放在数据上 框架：是一个半成品软件，是一套可重用的、通用的、软件基础代码模型。基于框架进行开发，更加快捷，更加高效。 <head ......
记录--vue3实现excel文件预览和打印
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前言 在前端开发中，有时候一些业务场景中，我们有需求要去实现excel的预览和打印功能，本文在vue3中如何实现Excel文件的预览和打印。 预览excel 关于实现excel文档在线预览的做法，一种方式是通过讲文档里的数据处理成html ......
多个vue项目共用组件
本文主要介绍引入本地的自己写的组件。 1.准备3个vue2项目 demo-common文件夹里是组件在demo1和demo2中都需要使用 2.在demo-common文件夹里新建index.js文件，跟package.json同级。在index.js文件里导出在其他项目里需要用到的组件 3.分别在d ......
vue + element ui 树形半选传父级id给后台，回显实现
1. vue2 ： 需要关联父子级： Html部分 check-strictly="false" <el-tree :data="dataTree" highlight-current show-checkbox :check-strictly="false" node-key="id" :prop ......
Vue中使用vue-count-to（数字滚动插件）
效果图 1. 简单介绍 npm官网：vue-count-to vue-count-to 就是一个组件插件，咱们引入进来，可以去打印一下，它就是一个组件实例，使用components注册一下，就可以在模板中使用了，具体方式如下： 2. 安装 npm install vue-count-to 3. 引入 ......
vue中activated
vue 组件在开了，关了，再开，created，mounted不会触发，activated会解决这个问题，给力。。。 在Vue中，activated是组件生命周期函数之一，它会在组件被激活时调用。 具体来说，当一个组件被插入到DOM中并且处于活动状态（例如，它是父组件的子组件），activated函 ......
vue移动鼠标在canvas上画不规则图形（整合别人的，增加了一些功能）
1、draw_shape.js 1 /** 2 * 绘制不规则多边形 3 */ 4 5 import { Message } from 'element-ui' 6 7 export function draw_test(cav, list) { 8 // 画布初始化 9 let ctx = cav ......
vue运行中，常出错，是因为版本不一样，造成的
这个是版本冲突造成的 在package.json中添加 set NODE_OPTIONS openssl-legacy-provider ......
vue实现用Element Table 展现数据T图
vue实现用Element Table 展现数据T图，废话不多少，直接上干货 <template> <div> <el-table :data="resultTable" style="width: 100%"> <el-table-column prop="id" label="日期" width ......
[Vue]监视属性watch
1. 当被监视的属性变化时，回调函数自动调用，进行相关操作 2. 监视的属性必须存在，才能进行监视！！（但不会报错） 3. 监视的两种写法: (1). new Vue时传入watch配置 (2). 通过vm.$watch监视 4. 只有handler的时候，可以简写 new Vue传入watch配置 ......
vue3 watch 多个值
1 watch([() => baTable.form.items!.userType, () => baTable.form.items!.totalUsage, () => baTable.form.items!.payCurr], (newValue, oldValue) => { 2 // ......
vue中使用echarts详细步骤（柱状图、饼图、折线图、堆叠折线图）
1.安装 npm install echarts -S2.准备好有宽高的dom节点 <div class="my-charts"> <div id="my_bar_chart"></div> </div> .my-charts { > div { width: 250px; height: 200p ......
Vue2 项目使用 nuxt.js 重构 - 一、基本用法及部分依赖注意事项
我自己的网站 https://aijianli.site/ 是使用vue写的，为了能够让用户可以搜索到。对项目进行了 nuxt.js 重构。在重构过程中遇到了 N 多坑。一下记录了填坑经历 一、新建 nuxt 项目 查看官网 https://www.nuxtjs.cn/guide/installat ......
React技术栈支援Vue项目，你需要提前了解的
写在前面 react整体是函数式的思想，把组件设计成纯组件，状态和逻辑通过参数传入，而vue的思想是响应式的，也就是基于是数据可变的，通过对每一个属性建立Watcher来监听， 当属性变化的时候，响应式的更新对应的虚拟dom react的思路通过js来生成html， 所以设计了jsx，还有通过js来 ......
vue-element-admin 项目中，获取当前左侧菜单栏的Id
找到 store/modules/permission.js(需要后端在返回的菜单中，添加Id)： const permission = { state: { routes: [], addRoutes: [] }, mutations: { SET_ROUTES: (state, routes) ......
vue3 和 element-plus 实现指定单元格编辑
思路 1.获取到指定单元格的位置 2.通过状态来判断 是否展示编辑 步骤 1.定义变量去确定行和列 let tableRowEditId = ref(null), // 控制可编辑的每一行 let tableColumnEditIndex = ref(null), //控制可编辑的每一列 2.在el ......
解决“请使用微信打开访问"，无法使用自带浏览器
1.首先用数据线把手机连接到电脑 2.手机打开USB调试 3.手机进入微信随便打开一个聊天窗口输入并发送： http://debugxweb.qq.com/?inspector=true 点击打开这个链接，弹出“执行成功”，即可 4.手机微信打开想要抓包调试的网页 5.电脑上打开chrome内核的浏 ......
vue3|知识点
双向绑定Proxy proxy只支持对象 ref创建的数据是空对象，绑定在其value属性上。 监听属性 监听对象 watch(msg,func(new,old)) 监听对象的属性 watch(()=>msg.name,func) watchEffect(func) 自动监听已经引用的值 ......
vue环境搭建操作手册
（1）准备 启动环境，打开终端，首先使用如下命令在管理员权限下创建安装目录： sudo mkdir -p /usr/local/node 然后输入密码，密码为“qingjiao” 接着进入/usr/local/目录，修改安装目录拥有者和属组为 “qingjiao” ，命令如下： cd /usr/lo ......
1、vue2.0的生命周期
首先，组建从创建到销毁的过程就是它的生命周期。 一共分为4个阶段，创建、挂载、更新以及销毁。 第一个阶段：创建 beforeCreate () {} // 实例创建前，在这个函数内属性和方法都不能使用 created () {} // 实例已经初始化好了，也完成了数据挂载，可以修改数据、使用数据但是 ......
vue之echart图表的封装
1、构建echart公用组件 <template> <div :class="className" :style="{ width, height }"></div> </template> <script> import echarts from "echarts"; require("echar ......
vue环境搭建-vue介绍说明
实训背景： 一个基于Vue前端框架和第三方图表库ECharts构建的可视化大数据平台，通过Vue项目构建、指令的灵活运用、组件封装、组件之间通信，使内部图表组件库可实现自由替换和组合。以及一些功能模块的设计及代码实现。 实训任务： （1）了解node和npm的基本概念及安装 （2）掌握搭建Vue项目 ......
记录--vue3 + mark.js | 实现文字标注功能
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 页面效果 具体实现 新增 1、监听鼠标抬起事件，通过window.getSelection()方法获取鼠标用户选择的文本范围或光标的当前位置。 2、通过 选中的文字长度是否大于0或window.getSelection().isColla ......
VUE为什么在中国如此流行？
VUE和小程序虽然技术实现原理有所不同，但它们共同的目标是跨端。随着智能手机、平板电脑、智能音箱等智能设备的普及，用户的需求也在不断演变，他们期望更灵活、更高效地获取信息和使用应用程序。 ......