element-plus element vue3 plus
element多选下拉框与文本框联动
##### 需求 1. 多选下拉框与文本框联动 2. 从不同页面跳转，多选框的显示与隐藏 ##### 效果图  ### ......
Vue3中的defineProps方法
1.什么是defineProps defineProps是Vue3中的一种新的组件数据传递方式，可以用于在子组件中定义接收哪些父组件的props。当父组件的props发生变化时，子组件也会随之响应。 2.如何使用defineProps？ 在子组件中可以使用defineProps声明该组件需要接收的p ......
element 表单规则所有属性中文（el-from rules）
### Rules Rules may be functions that perform validation. ```js function(rule, value, callback, source, options) ``` * `rule`: Object ``` { "field": " ......
Vue3 大屏数字滚动效果
随着大屏幕技术的发展，大屏数字滚动效果在各种应用场景中越来越常见，例如数字展示、统计数据展示等。Vue3 作为一种流行的前端开发框架，提供了强大的工具和便捷的开发方式，非常适合实现大屏数字滚动效果。
本篇博文将介绍如何使用 Vue3 来实现大屏数字滚动效果。在实现过程中，我们可以使用调试工具进行测... ......
vue3 使用 pinia 并持久化存储数据
## 1. 官方文档 [pinia官方文档地址](https://pinia.web3doc.top/introduction.html "pinia官方文档地址") [pinia-plugin-persistedstate数据持久化插件](https://www.npmjs.com/package ......
vue3 + vite + vue-router 4.x项目在router文件中使用pinia报错
### 1. 背景 vue-router4.x版本，想在路由文件中引入并使用pinia后报错如下：  表面 ......
Element-Plus 学习笔记一
这几天在学vue3, 用Element-plus 加 vue3 搭了个框架，在这里记录一下项目搭建中遇到的问题。 1、使用 Element-plus 的 icon 图标，显示不出来 首先，用命令行中安装 Element-plus 的图标： npm install @element-plus/icon ......
vue3 + ElementPlus 封装函数式弹窗组件
> 需求场景：弹窗组件需要支持自定义的插槽内容，删除的弹窗也要使用这个组件，只是样式不一样而已，希望在父组件使用删除弹窗的时候直接调用某个方法就可以显示弹窗 ### 组件模拟 `cuDialog` 假设我的弹窗组件有以下的props和事件 + dialogVisible：控制弹窗显示和隐藏 + ti ......
uniapp自动引入 vue3(ref, toRefs, reactive...), uni-app
1. 装包 npm i unplugin-auto-import --save-dev 2. 在项目的 vue.config.js 中引入并使用 import { defineConfig } from 'vite' import uni from '@dcloudio/vite-plugin-un ......
vue-element-admin的安装以及安装报错处理
一、vue-element-admin git地址 https://github.com/PanJiaChen/vue-element-admin 二、分支 master：主分支，（纯英文） il8n：中英文切换分支 三、npm install 安装报错原因： tui-editor 已更新，故造成错 ......
Vue3+ElementPlus，Module parse failed: Unexpected token (3:27)
一、环境 vue3，ElementPlus，@vue/cli 5.0.8，npm 9.6.7。 我在复制element plus官网的一些代码到vue3框架里测试时出现的问题。 二、不报错方法 图片位置删除lang=“ts”就不报错了 ......
Vue3+ElementPlus，Cannot read properties of null (reading 'isCE')
一、环境 vue3，ElementPlus，@vue/cli 5.0.8，npm 9.6.7。 二、报错内容 在vue3框架，views文件夹下的AboutView.vue文件里，执行<el-button>Default</el-button>语句就会报错如下： Uncaught runtime e ......
vue3时间转换插件-Moment.js的使用
vue3时间转换插件-Moment.js的使用 一.组件官网moment.js时间转换插件http://momentjs.cn/Moment Timezone 时区处理类库http://momentjs.cn/timezone/二.vue项目中使用我这里使用的是vue3的写法 npm install ......
vue3 + h5 构建流程
# 目录 - [目录](#目录) - [初始化项目架构](#初始化项目架构) - [技术栈](#技术栈) - [工具类](#工具类) - [环境](#环境) - [搭建流程](#搭建流程) - [初始化项目](#初始化项目) - [初始化git](#初始化git) - [运行项目](#运行项目) - ......
vue3 基于antd3.2.20封装表格（插槽）
```html ``` ```javascript // 表格中核心的js import { ref, onMounted, useSlots } from 'vue' const slots = useSlots() // 自动获取父组件传递过来的插槽 // 获取父组件过来的插槽数量，便于循环 c ......
element中两个table表格和已选数据联动
element中table表格和已选数据联动 需求: 1.根据条件查询表格,多选框选中项移到已选择表格,取消选择,已选项表格也取消该调数据数据 2.已选项增加删除按钮,删除之后,查询数据的表格也取消勾选 3.重新查询新数据,已选择数据不会改变,新选中的数据添加到已选择表格 ![](https://i ......
element-ui中table组件设置不可选行数据
html代码： <el-table :data="chooseTableColumnData" ref="chooseTableColumn" @select="changeTableColumn" @select-all="onSelectAll" > <el-table-column type= ......
批量删除功能（VUE3语法）
使用element ui -el-table方式编写 功能点：点击全选/单选可以进行删除 <el-table :data="date" ref="grayscaleTableRef" min-height="288" max-height="510" style="width: 100%" head ......
Vue3 路由优化，使页面初次渲染效率翻倍
## 3996 条路由？  `addRoute`函数用了大约1s才执行完毕。通过观察，发现居然有3996条路由记录 ......
vue3 'alex' is defined but never used
解决方法 在package.json中的rules下加入 "no-unused-vars":"off" 即可 ......
element ui 按钮点击后样式显示为不失去焦点问题 css解决
解决按钮点击不恢复问题样式重写时需要注意 顺序一定要是focus然后hover然后active 参考地址：https://blog.csdn.net/weixin_51141523/article/details/126450012 .el-button--default { &:focus { c ......
Element UI 在非template/render 模式下使用ICON要注意的问题
有很多时候，我们不需要编译Vue和Element UI，只是想简单的试用一下，做一个原型出来。我们会使用HTML方式编写，这种方式下，使用ICON需要注意一些问题。 1.例如CopyDocument图标，如果是用html tag方式调用，根据vue的组件规范，驼峰格式需要改写成小写横线分割的格式<c ......
element-plus el-date-picker 实现周选择
在使用element-plus的时间选择器的时候，有时候会有选择一周的需求，可以使用以下方式进行实现。 首先使用`type=week`属性实现基本的样式 ``` ```  编辑 ## 1.Vue3简介 - 2020年9月18 ......