记录一个Vue3.x版本在使用KeepAlive缓存时的页面问题。问题一：使用KeepAlive缓存公共组件切换页面时发生错乱错误正常问题二:KeepAlive缓存页面，同一子路由参数不同下切换页面，页面内容发生错乱以上两个问题解决方式：在给RouterView添加key值即可：<router-view :key="route.fullPath" include="Tabletitle"&g

Vue this.$refs获取DOM下子元素<template><div class="subject"><divv-html="insertedStr"@input="htmlHandler($event)"class="inputBox"ref="htmlInput"></div></div></template>&lt

项目中需要上传文件,用的vue+elementUI,使用的上传组件是elementUI的el-upload组件,通常用到过的上传方式有两种1.上传到云服务器,再把返回的连接给后端2.以formdata的方式直接传给后端这里使用的是第二种方式手动上传的方式进行上传文件，较为简单。过多的文字描述让人头大，直接上代码。<template><div class="contain">

安装环境1.node版本12以上创建项目npm init @vitejs/app + 项目名1、配置路由router-index.tsnpm install vue-router@4 --saveimport { createRouter, createWebHashHistory, RouteRecordRaw } from "vue-router";const routes: Array&lt

集成JS SDK全埋点1、从 npm 获取 sdknpm install sa-sdk-javascript2、utils新建sensors.js文件夹，Vue全局挂载import sensors from 'sa-sdk-javascript';sensors.init({// 神策系统配置server_url: 'http://sademo.datasink.sensorsdata.cn/sa

Echarts设置宽高，图表仍展示不全问题问题示例如下：代码设置的宽度为100%父元素的宽，而打开F12会发现图表容器的宽高是100px。出现该问题的原因：1、高度固定，宽度百分比2、以Vue为例，图表中用到v-show等会引起页面重绘的指令，数据更新了但图表未更新。解决方案：1、重新调用图表绘制函数。2、调用Echats实例的resize()方法。...

eval函数作用：eval()函数会将传入的字符串当做JavaScript代码进行执行。const evilFn = (fn) => {let Fn = Function; // 一个变量指向Function，防止有些前端编译工具报错return new Fn(`return ${fn}`)();};

由于业务需求需要用到预渲染，vite+vue3没有找到好的库。考虑使用prerender-spa-plugin这个插件满足需求。以下是我的配置信息。使用过程中诸多报错，但后续都以解决。最终卡在这个条报错信息上。...

Vue中数据单向绑定的文字换行怎么搞？两个关键 /n+white-space: pre-wrap;换行样式绑定给需要换行的父元素

在使用Echarts过程中，在Echarts中事件发生时，如何回调处理？在文档中的配置项手册中的Action可以找到相应的事件触发[]链接地址以Vue3+Echarts5.x为例在点击右侧Legend时，回调可以拿到相应的数据，从而可以与Echarts以外的DOM事件进行联动抛发。onMounted(() => {if (pieChart.value) {nextTick(() =>