江湖行骗老中医

然后切换分支后，弹出储藏。

1. defineProps 和 defineEmits 、defineExpose 都是只能在 中才能使用，他们不需要被导入即可使用，并且会在编译 语法块时一同被编译。在子组件中可以使用defineProps声明需要接收父组件的哪些props，它需要定义一个包含props字段的对象，每个字段定义默认值和类型等信息。获取用setup语法糖创建的子组件实例时，获取的实例是没有子组件自定义的属性和方法的，此时我们需要通过。可以通过将属性或方法添加到。

为 Vite、Webpack、Rollup 和 esbuild 按需自动导入 API。支持 TypeScript。由 unplugin 提供技术支持。每次都要写，哪怕是复制粘贴都会非常繁琐。并且每一个 下面都顶着一大坨 import，看着也十分难受。还记得 Vue 3 的组合式 API 语法吗？本文介绍的 unplugin-auto-import 就是为了解决这个问题而诞生的。刚开始写觉得没什么，但是后来渐渐发现，这玩意儿几乎每个页面都有啊！

解决方案： nodejs 升级到18.12.1。

【代码】Vue 使用 json-bigint 解决超过16位数字解析精度丢失问题。

S 除目录本身外，还将删除指定目录下的所有子目录。rmdir /Q /S 目录 删除文件夹（非空）/Q 安静模式，带 /S。

props: {column: {},上诉示例是基础业务的实现代码，由于实际业务中代码量稍大，逻辑稍微复杂，并未在此处进行完全展示。此处代码为删减版，可能有一些问题，可以留言进行探讨解决。表格配置实际使用中，应该会有使用过滤器的情况，还有我在项目中实际使用时，有表格多选的情况，表格内操作按钮，和表格外按钮的配置，以及涉及批量操作的如批量删除等业务。若后期大家实际需要，我会陆续分享实现方案。如果各位大牛有更好的实现方案，也希望不吝赐教，大家共同进步。

登录验证码更换为EasyCaptcha

【代码】vue 中 鼠标移入停止轮播 移出开始轮播 （swiper5）

【代码】前端导出excel。

遇到这种情况一般来说都是文件名冲突，检查下是否有重名的文件，重新命名即可。比如都命名index.vue 就会导致定位不准。

WebSocket断开时，会触发CloseEvent, CloseEvent会在连接关闭时发送给使用 WebSockets 的客户端. 它在 WebSocket 对象的 onclose 事件监听器中使用。1008 由于收到不符合约定的数据而断开连接. 这是一个通用状态码, 用于不适合使用 1003 和 1009 状态码的场景.1003 由于接收到不允许的数据类型而断开连接 (如仅接收文本数据的终端接收到了二进制数据).保留. 用于期望收到状态码时连接非正常关闭 (也就是说, 没有发送关闭帧).

vue-socket.io 其实是在 socket.io-client（在浏览器和服务器之间实现实时、双向和基于事件的通信） 基础上做了一层封装，将 $socket 挂载到 vue 实例上，同时可使用 sockets 对象轻松实现组件化的事件监听，在 vue 项目中使用起来更方便。

代码部分已结束，现在先启动后台springboot，和前端vue。打开页面按下F12看日志打印。下面用你的工具（http测试工具，postman之类的）测试推送消息接口。这是在创建vue项目自带的HelloWorld.vue文件里修改的。非常好，这时候说明前后端websocket已经连接成功了。很棒，调用接口成功，信息成功发送。下面看看前端是否收到。

这里我进行了封装，由于很多页面都需要导出excel功能。注意：必须为table设置唯一id。需求：导出当前页面所有数据。

安装组件内引入。

代码】element ui table改变默认样式，去掉边框改变table背景颜色。

npmlink后，会把当前的包安装到全局\AppData\Roaming\npm下，同时也会生成bin中的指令，在\AppData\Roaming\npm当前包是以快捷方式的形式直接访问的，所以修改的时候，全局也会跟着修改。比较适合开发的时候。如果公司有条件搭建了属于公司自己的私库，我们可以学习create-vite-app的做法，创建以create-开头的包，并上传到私库，然后全局安装也好，npminit/npx也好，就可以像create-vite-app一样，直接调用bin中的指令执行。...

buildwebpack相关的打包配置文件examplesElement官网packages组件源码src公共方法和项目入口文件（install方法在这里）test测试文件,使用karma框架types类型声明文件,每个组件的类型声明文件，TS项目使用组件库时有更好的代码提示.babelrcbabel的配置文件忽略eslint的配置文件.eslintrceslint配置文件允许我们指定由git使用的文件和路径的属性.gitignore。......

日常吐槽：言归正传：面对的问题：对于前端开发者来说，大屏开发最主要的有以下几个方面需要考虑此方法需固定屏幕宽高，适合整个项目都是大屏页面的工程，但如果是一个项目里嵌入几个大屏页面的话，不推荐此方法；该方法可以解决屏幕适配、字体适配的问题缩放以后四周会留有空白，如下代码可以解决空白问题② 百分比+rem 方法百分比布局不用多说，宽高都用百分比来布局就行，保证自适应；本人也曾尝试过flex布局，但是总是会有各种奇奇怪怪的问题，会把宽度撑开，导致没有自适应，所以保准点还是采用百分比布局吧；rem借鉴

element ui 合并单元格封装

element ui table 定时滚动

<el-upload ref="upload" :limit="1" :http-request="handleImport" action="" :auto-upload="true" :show-file-list="false" class="upload-button" accept=".xls,.xlsx"> <el-col...

几个问题：1、redirect_url实现原理2、回调地址为什么不直接返回openId，而是返回code，需要再次获取openId微信授权和支付宝授权：授权主要就是获取微信的code和支付宝的auth_code微信授权对应链接：window.location.href = 'https://open.weixin.qq.com/connect/oauth2/authorize?appid=' + APPID + '&redirect_uri=' + encodeURIComp

package com.***.utils;/** * @Description 各证件卡号校验类 * @author longwei * @date 2020/7/23 14:17 */public class CardsUtil { /** 正则表达式：验证身份证 */ public static final String REGEX_ID_CARD = "(^[1-9]\\d{5}(18|19|20)\\d{2}((0[1-9])|(10|11|12))(([0-2].

在build/utils.js文件中添加publicPath:’…/…/’,重新打包即可。if (options.extract) { return ExtractTextPlugin.extract({ use: loaders, fallback: "vue-style-loader", publicPath: "../../" }); } else { return ["vue-style-loader"...

在webstorm里使用eslint的时候，会提示 TypeError: this.cliEngineCtor is not a constructor ，这样的一个错误，知道应该是版本的错误，但具体版本怎么区别，eslint的版本和webstorm的版本如何对应，需要注意。eslint 6.x如果使用的是eslint 6.x的版本，要保证webstorm的版本在2019.1.3 或更高的版本。如果你暂时不想使用更高的工具版本，就需要将eslint降级到 eslint 5.x。如果你不想降级.

常用模拟器的端口夜神模拟器端口号 ：62001海马玩模拟器 端口号：26944网易mumu模拟器端口号：7555天天模拟器 端口号：6555AndroidStudio自带模拟器 端口号: 5554连接步骤打开cmd命令 命令行里 进入\HBuilderX\plugins\launcher\tools\adbs的目录 按住Shift +右键,选择打开命令行工具(powerShell) 执行 .\adb connect 127.0.0.1:7555（7555为mumu的模拟器端口..

目录正文下载安装命令使用正文nvm 是 node.js 的版本管理工具，可以运行在多种操作系统上。nvm for windows 是使用go语言编写的软件。 我电脑使用的是Windows操作系统，所以我要记录下在此操作系统上nvm的安装和使用。下载nvm-windows 最新下载地址：https://github.com/coreybutler/nvm-windows/releases可以看到这里又有四个可下载的文件。nvm-noinstall.zip：

安装npminstall--savexlsxfile-saver在组件里面引入import FileSaver from 'file-saver'import XLSX from 'xlsx'第一种 其中#outTable是在el-table上定义的idexportExcel() { var xlsxParam = { raw: true };//转换成excel时，使用原始的格式 var wb = XLSX.utils.table_to_book...

之前了解到了父组件传值给子组件（props），子组件传值给父组件($emit),对于兄弟组件间传值是通过他们的父组件作为介质传送的，相当麻烦，现在用bus（一个空的vue对象）作为介质传值更加方便。第一步：在assert文件夹下创建一个eventBus.js文件第二步：在components文件夹下创建一个文件，用来传递数据（触发自定义函数）第三步：在components文件夹下创建一个文件，用来接收数据（监听自定义函数）第四步：在App.vue里使用这两个组件...

前言对于 ESlint 这一块一直存在一些疑问，今天看到一个文章内容挺好的，这里拿来了。一、eslint 安装1、全局安装npm i -g eslint全局安装的好处是，在任何项目我们都可以使用eslint的全局命令进行代码规则操作，但是这对我们的意义并不大，后续会详细介绍；全局安装之后，要求相关的eslint插件页必须全局安装，这对多人开发项目来说会比项目安装更加繁琐。所以，我们这里采用在项目上安装eslint：2、项目安装npm i -D eslint3、编辑器安装

解决办法：使用手动安装 babel-eslintnpm i -D babel-eslint

vue cli做项目的时候难免会碰到，css引用背景图或者css，js之间的相互引用！！！这时候打包后可能会出现一个错误！！如下图：写法：错误：会无端多出一个“/css/static/” 这样就会使路径错误；解决办法：办法一：把不需要编译的东西，直接放在static文件下，css引用的时候直接写相对路径；具体原因看：https://segmentfault.com/q/1010000009842688（大致是static文件夹下的东西不会经过编译）办法二：进行we

<template> <div class="login-page" style="height: 100%"> <el-form-item prop="password"> <el-tooltip v-model="capsTooltip" content="已开启大写" placement="top" manual> <el-input type="pa.

一，对整个对象监视watch:{ obj:{ handler(newV,oldV){ console.log('obj changed') }, deep: true,//深度遍历 immediate: true//默认false，设置为true会立即执行 }}二，对指定key进行监视watch: { "dataobj.name": { handler(newV, oldV) { console.log("obj change

<el-form-item prop="password"> <el-input v-model="loginJson.password" :placeholder="$t('common.password')" :type="eyeOpen ? 'text' : 'password'" prefix-icon="el-icon-key" .

this.$nextTick(() => { this.$refs.Validate.clearValidate()})

watch: { selectTag: { // 深度监听，可监听到对象、数组的变化 handler(val, oldVal) { this.resizeTable() }, deep: true // true 深度监听 } },

项目有些后端返回json 数据需要前端展示给用户看，就需要用到vue-json-viewer安装npm install vue-json-viewer --save使用//引入import JsonViewer from 'vue-json-viewer'// 注册components: { JsonViewer},效果...