xingchen678的博客

npm run serve 提示Cannot read property 'upgrade' of undefined

vue-office是一个支持多种文件(docx、.xlsx、pdf)预览的vue组件库，支持vue2和vue3

Vue-CountUp-V2 数字滚动动画库

elementUI table表格相同元素合并行----支持多列

下载图片到本地，多个图片压缩后下载到本地

vue3+ts+vite搭建步骤

百度地图js API定位不准，浏览器开启后，定位不准

Vue项目重新部署后，提示用户刷新网页

vue2和vue3拖拽移动div

vue3+elementUI-plus实现select下拉框的虚拟滚动

js中换肤颜色如何实现

vue element-ui月份范围选择器，禁用未来月份，跨度为12个月

vue解析本地excel文件的数据

树形图谱，关系图，拓扑图，组织结构图，支持横向，竖向，右击鼠标等操作

vue项目里，使用前端路由，当切换到新路由时，想要页面滚到顶部，或者是保持原先的滚动位置，就像重新加载页面那样。vue-router 能做到，而且更好，它让你可以自定义路由切换时页面如何滚动。可以在路由的导航守卫afterEach里面添加：window.scrollTo(0,0);scrollBehavior: () => ({ y: 0 }), //滚动到顶端。mode: ‘history 或 hash’,第三种方法： （本人用得方法）

vue源码分析，data函数初始化等

重置下拉框数据，elementUI,vue

video 播放 全屏 更多控件显示隐藏，自定义视频控件

日期格式化插件：官网api地址：http://momentjs.cn/

这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar

Vue只能监听对象，要是最外面的是数组，需要用下面的方法解决：比如：data:{form:[] //是对象可以监听，数组的话，需要push等方法}主要利用splice、push、unshift等方法来解决。参考网站：https://blog.csdn.net/weixin_42353061/article/details/111967314...

直接上代码：<el-form-item label="管理账号：" :rules="temp.connectionDataType =='0'?{ required: true, message: '管理账号不能为空', trigger: 'blur' }:{ required: false,trigger: 'blur' }" >

vue+element导出excel,并修改样式，以及动态合并单元格

直接上代码：效果如下：把pubType相同的单元格进行合并， 加上属性rowspansetrowspans方法可以在接口返回数据后，执行此方法。// 设置合并行 setrowspans() { // 先给所有的数据都加一个v.rowspan = 1 this.tableData1.forEach(v => { v.rowspan = 1 }) // 双层循环 for (let i = 0; i < th

好几种方式：此处我用的ref方式；和vue2验证表单时基本差不多；直接上代码：1，<el-form ref=“dataForm” :rules=“rules” :model=“temp”2，const dataForm = ref()3，dataForm.value.validate((valid: any) => {4，dataForm 名称必须是一样，最后return { dataForm }如下图：...

vue关闭浏览器时，触发事件，执行退出登录接口**<template> <div id="app"> <router-view /> </div></template><script>export default { name: 'App', data() { return { } }, mounted() { // 关闭浏览器执行退出接口-- // onUnlo

使用插件：babel-plugin-transform-remove-console第一步：插件安装npm install babel-plugin-transform-remove-console --save-dev第二部：通过babel.config.js文件引入插件const prodPlugins = process.env.NODE_ENV === 'production' ? ['transform-remove-console'] : []module.exports = {

VS Code Counter是一款统计代码、注释、空格行数插件，你可以统计单个文件、文件夹或者是工作空间。网址引用：http://www.duocaichajian.com/plugin/63.html首先在插件市场搜索并安装VS Code Counter。统计工作空间的数据按Ctrl(Cmd)+Shift+P打开命令面板输入并选择命令：VSCodeCounter: Count lines in workspace。...

一.赋值1.和原数据一样指向该对象在栈中的地址，而不是堆中的数据，改变会使原数据一同改变，相当于联动关系let obj={name:"demo",age:12}let newObj=obj//赋的值其实是该对象在栈重的地址，而不是数据newObj.name="jack"console.log(newObj)//{name:"jack",age:12}console.log(obj)//{name:"jack",age:12}二.浅拷贝1.重新在堆中创建内存，拷贝前后对象的基本数据

A message about ignoring propertiesCurrently, the easiest way to have a single property ignored is to use a capital in the pixel unit declaration.// `px` is converted to `rem`.convert { font-size: 16px; // converted to 1rem}// `Px` or `PX` is

压缩的方法放在before-upload中,这个方法可以接受一个promise,提一下,最好下载新版本的element-UI,以前的旧版本可能不支持返回promise // 引入image-conversionimport imageConversion from 'image-conversion' methods: { // 第一种,不考虑图片长宽,只考虑图片大小的情况,图片超过4M就压缩 beforeUpload (file) { return new Promise((resolve

微信官方提示：提醒：H5支付不建议在APP端使用，如需要在APP中使用微信支付，请接APP支付，文档详见微信支付开发文档本人项目是app嵌入微信H5支付，操作代码如下：直接上代码：（本人项目的写法）下单成功，就可以跳转下面的url了，接口调起H5支付页面let redirectUrl='http://zend.enn.cn/tx/ssopapi/ssop/bsc-h5/#/success'redirectUrl = encodeURIComponent(redirectUrl)wi

本文只写一些简单的用法：什么意思？三个点（...）真名叫扩展运算符，是在ES6中新增加的内容，它可以在函数调用/数组构造时，将数组表达式或者string在语法层面展开；还可以在构造字面量对象时将对象表达式按照key-value的方式展开字面量一般指[1,2,3]或者{name:'chuichui'}这种简洁的构造方式,多层嵌套的数组和对象三个点就无能为力了说白了就是把衣服脱了，不管是大括号（[]）、花括号（{}），统统不在话下，全部脱掉脱掉！// 数组var number = .

直接上支付的代码 methods: { goPay() { Indicator.open(); console.log(2322222222222222222); console.log(this.orderId); console.log(this.getCookie("WeiId")); console.log(this.id); if (

<el-upload class="upload-demo" :data ="uploadData" :headers = "headers" action="http://test/post" :show-file-list="false" .

1.dist中“大”文件----map打开dist/js文件夹，文件是这样的。很多和js文件同名的map后缀文件，而且size还很大。2.map是个什么玩意source map文件是js文件压缩后，文件的变量名替换对应、变量所在位置等元信息数据文件，一般这种文件和min.js主文件放在同一个目录下。 比如压缩后原变量是map，压缩后通过变量替换规则可能会被替换成a，这时source map文件会记录下这个mapping的信息，这样的好处就是说，在调试的时候，如果有一些JS报错，那..

filenameHashingType: booleanDefault: true用途设置打包生成的的静态资源的文件名中是否加入hash以便控制浏览器缓存问题。用法module.exports = { publicPath: './', // 基本路径 outputDir: 'dist', // 输出文件目录 assetsDir: './assets', indexPath: 'index.html', filenameHashing: true, // 生成的静态资

一、先安装依赖插件二、组件中的使用// 先安装stompjsnpm install stompjsutils文件中的mqtt.js内容：import Stomp from 'stompjs'import { MQTT_SERVICE, MQTT_USERNAME, MQTT_PASSWORD,MQTT_host,MQTT_topic } from '@/utils/mqtt'mqtt.jsexport const MQTT_SERVICE = 'ws://10.38.128

1.query方式传参和接收参数传参: this.$router.push({ path:'/xxx', query:{ id:id } }) 接收参数:this.$route.query.id注意:传参是this.$router,接收参数是this.$route,这里千万要看清了！！！this.$router和this.$route有何区别？在控制台打印两者可以很明显的看出两者的一些区别：.

直接上代码：assetsSubDirectory: "static", assetsPublicPath: "/", proxyTable: { "/api": { target: "path1", changeOrigin: true, //改变源 pathRewrite: { "^/api": "/" //路径重写 } },　　　　// 此处若使用 "/api1" .