摘要: 使用vite2 + vue3开发一个组件库 完成后的效果图展示: 在线体验 在线体验2 GitHub 地址 一、搭建一个 Vite 项目 参照vite官网 通过附加的命令行选项直接指定项目名称和你想要使用的模板。例如,要构建一个 Vite + Vue 项目 # yarn yarn create vi 阅读全文
posted @ 2022-06-15 17:54 王大师 阅读(2032) 评论(1) 推荐(0) 编辑
摘要: 使用VuePress2搭建基于Vue3的组件库,并部署到GitHub Pages 完成后的效果图展示: 使用vue-cli进行项目构建 一、使用命令 vue create m-baseui 快速初始化一个项目 这里参考我写的上一篇: 基于Vue3开发自己的组件库 二、打开VuePress官网,切换到 阅读全文
posted @ 2022-05-25 09:36 王大师 阅读(3984) 评论(0) 推荐(0) 编辑
摘要: 项目创建 一、使用脚手架创建一个vue项目 vue create m-baseui 快速初始化一个项目 二、修改和创建目录 1.将src文件夹修改为examples 2.创建packages文件夹,用来进行组件编写 描述: packages/components: 存放组件。 packages/st 阅读全文
posted @ 2022-05-20 15:37 王大师 阅读(2639) 评论(0) 推荐(0) 编辑
摘要: 需求:微信公众号上的图片点击可以实现放大预览 我的项目中,微信公众号上的图片和其他内容是来自后台接口,(管理平台上用百度编辑器Editor添加的) 如何实现: 图片是根据接口渲染出来的,那么就先找到这些图片,然后再给图片绑定click事件,点击的时候进行预览 实现过程: 最开始我想到的是vant的I 阅读全文
posted @ 2022-05-19 18:46 王大师 阅读(3863) 评论(0) 推荐(0) 编辑
摘要: 移动端使用到了一个功能,选择时间,然后从下弹出一个选择框,可以选择日期,星期,时间,是否可约状态, 网上查找了一番,没发现相同的组件, 于是自己写了一个demo <template> <div> <div style="paddingTop:20px"> 时间选择: <button class="b 阅读全文
posted @ 2022-04-26 11:08 王大师 阅读(2742) 评论(0) 推荐(0) 编辑
摘要: 问题描述:React 项目中,使用antd 4.x版本,文章编辑时,拿到了数据,但却不回显 Form表单要回显数据一般会想到的是initialValues,但是只有初始化以及重置时生效 <Form name="wrap" labelCol={{ flex: '70px' }} colon={fals 阅读全文
posted @ 2022-04-14 14:44 王大师 阅读(1704) 评论(0) 推荐(0) 编辑
摘要: 本文封装的组件是在Element-UI 的el-form 基础之上封装的。 一.在components文件夹下,新建tableSearch文件 <template> <div class="app-container"> <el-collapse v-model="activeNames" @cha 阅读全文
posted @ 2022-04-08 15:17 王大师 阅读(778) 评论(0) 推荐(0) 编辑
摘要: 本文封装的分页组件是在Element-UI 的el-pagination基础之上封装的。 一.在components文件夹下,新建pagination文件 <template> <div class="page-content"> <el-pagination :background="backgr 阅读全文
posted @ 2022-04-07 11:02 王大师 阅读(529) 评论(0) 推荐(0) 编辑
摘要: 前言: 项目中,使用vue + element 的后台管理系统中 用的table表格很多,而且大部分很相似,一遍遍的写,代码会变得很冗余, 于是利用Vue + Element Table 重新封装出了一套表格组件。 下面是常见的table效果图: 包含页面跳转、属性过滤、图片、文字颜色显示、swit 阅读全文
posted @ 2022-04-06 11:39 王大师 阅读(1329) 评论(0) 推荐(0) 编辑
摘要: nvm是node.js的版本管理器,可以安装和切换不同版本node.js 1.下载nvm包 地址:https://github.com/coreybutler/nvm-windows/releases nvm-noinstall.zip: 这个是绿色免安装版本,但是使用之前需要配置 nvm-setu 阅读全文
posted @ 2022-03-14 09:22 王大师 阅读(1206) 评论(0) 推荐(0) 编辑