vue3拾遗（不定期更新）

首先，路由必须是KeepAlive模式<scriptsetuplang="ts">import{onActivated}from"vue";import{onBeforeRouteLeave}from"vue-router";import{ref}from"vue"constscrollRef=ref(<HTMLElement><unknow......

若依的下拉组件太复杂，我改了一下，希望对大家有帮助，基于element-plusel-tree-select组件：举个栗子，TreeSelect.vue：<template><div><el-tree-selectstyle="width:100%"v-model="valueId"id="tree-option"ref="s......

在项目中写好多个查询组件，基于element-plusel-select组件：举个栗子，SelectAllCompany.vue：<template><!--获取客户下拉数据，type0有限公司--><el-selectv-model="current":multiple="multiple"remote:remote-method="querySearch":suff......

证件图片识别上传根据业务需要，经常涉及到证件上传，例如身份证上传、银行卡、营业执照等信息，根据设计师的设计，单独封装了一个上传组件。识别接口后端用的是阿里云的。上传组件用的是element-plusel-upload上代码：<template><divclass="component-upload-image"><el-up......

这个组件解决的问题？在以往的项目当中，我从未想过要对批量/列表数据的操作按钮做什么变动，直到最近的一次开发，让我突然觉得可以将操作按钮也做成一个公共组件，在做前端开发时，更加专注于js代码逻辑。如何使用？全局(main.js中)引用操作组件BatchOperation.vue创建页面操作按钮act......

Provide/InjectProvide和Inject可以解决Prop逐级透传问题。注入值类型不会使注入保持响应性，但注入一个响应式对象，仍然有响应式的效果。Provide的问题是无法追踪数据的来源，在任意层级都能访问导致数据追踪比较困难，不知道是哪一个层级声明了这个或者不知道哪一层级或若干个......

下拉框的option样式只能在全局样式里改，千万不能用scope，否则不生效<el-selectclass="select":popper-append-to-body="false"v-model="selectValue"placeholder="请选择"popper-class="select-option"><......

基于vue3.x+vite4+pinia2仿chatgpt聊天模拟实例Vue3-WeGPT。基于Vite4.x+Vue3+Pinia2+VEPlus+Vue3-Markdown等技术实现仿ChatGPT聊天AI界面实例。整体界面简洁清新、支持2种界面布局、暗黑+亮色模式、全屏+半屏展示、Markdown语法解析、侧边栏收缩等功能。使用技术编辑器：cur......

实现Refref的本质就是通过类属性访问器来实现，可以将一个普通值类型进行包装import{hasChanged,isObject}from"@vue/shared";import{track,trigger}from"./effect";import{TrackOpTypes,TriggerOpTypes}from"./operations";import{reactive}from&q......

1、安装ESLintnpmi-Deslint2、初始化配置EsLintnpxeslint--init2-1、选择模式 2-2、选择语言模块 2-3、选择语言框架 2-4、是否使用ts 2-5、代码在哪里运行2-6、选择一个风格2-7、你想遵循哪一种风格指南2-8、希望配置文件是什么格式2-9、依赖......