经过这层铺垫之后,在element-plus/components.ts上面通过import导入 代码语言:typescript 复制 import{ElAffix}from'@element-plus/components/affix'import{ElAlert}from'@element-plus/components/alert'import{ElAutocomplete}from'@element-plus/components/autocomplete'import{ElAvatar}from'@element-plus/components/avat...
avatar的样式类名根据传入的参数处理 computed: { avatarClass() { // 类名 集合 const { size, icon, shape } = this; console.log("size",size) // size avatar 图标的尺寸 // icon 图标 // shpe形状 let classList = ['el-avatar']; // classList 类名 集合 if (size && typeof size ===...
element-plus: 只有控制到页面上行为的函数就存在于vue文件中,其他逻辑处理函数,都在ts文件中 取值和监听值变化,不使用watch constcheckedValue = computed<CascaderValue>({get() {returncloneDeep(props.modelValue)asCascaderValue},set(val) {emit(UPDATE_MODEL_EVENT, val)emit(CHANGE_EVENT, val)if(props.vali...
这个报错去elementissue上查看发现有人提出,但是也还没有解决。于是就将app.vue中的代码删了直接写的。 根据element-ui的官网顺序,先学习的是el-row组件的使用。首先在官网上看到el-row的属性,有guttertypejustifyaligntag这几种属性。对应的element-ui源码中的props对象 哦对了介绍一下element-ui的目录构成,主要的...
vue3已经发布一段时间了,苦于没有业务场景去应用学习,之前看过几个框架的源码后,发现,看源码提升很快,于是萌生找个UI框架看看源代码,一来学学vue3的使用,二来学学UI框架开发的知识。 目前Vue3的UI框架,已经有几个了,比较火的有element-plus,antd-vue和vant,由于之前用过element,所以呢就选择element-plus ...
这部分在一个单独的包 @element-plus/build,代码位于 /internal/build。 使用到的工具有:rollup、unbuild、esbuild、gulp、ts-morph、fast-glob 等。如需深度理解,建议先自行了解这些包后阅读本章节。 目录结构 源码 internal/build ├── build.config.ts # unbuild 配置文件├── dist # 构建产物├── ...
学习Element-plus源码(一) - 前奏 0. 序 -- 使用包管理工具 默认使用yarn 1. 克隆线上仓库到本地 国内仓库:git@gitee.com:element-plus/element-plus.git 国外仓库:git@github.com:element-plus/element-plus.git git clone git@gitee.com:element-plus/element-plus.git...
这部分在一个单独的包@element-plus/build,代码位于/internal/build。 使用到的工具有:rollup、unbuild、esbuild、gulp、ts-morph、fast-glob等。如需深度理解,建议先自行了解这些包后阅读本章节。 目录结构 源码 internal/build ├── build.config.ts # unbuild 配置文件 ...
学习管理系统地址:https://bushanjiangzi.gitee.io/vue3manage/#/ 源码地址:https://gitee.com/bushanjiangzi/vue3-element-plus 二、新特性 1. 实例化 11 import { createApp } from 'vue'22 import App from './App.vue'33 import router from './router'44 import store from './store'55 import...