- 博客(11)
- 收藏
- 关注
RSS订阅原创 vue3 slot 插槽 在h函数中如何使用
h()是的简称——意思是“能生成 HTML (超文本标记语言) 的 JavaScript”。这个名字来源于许多虚拟 DOM 实现默认形成的约定。一个更准确的名称应该是，但当你需要多次使用渲染函数时，一个简短的名字会更省力。
2023-02-28 11:57:30
6859
2
原创 使用 vite、typescript、vue3、element-plus、pinia、vue-router、axios、tailwindcss 等技术搭建一个基本的项目模版
使用 vite、typescript、vue3、element-plus、pinia、vue-router、axios、tailwindcss 等技术。本项目只是一个基本的框架，写了一个简单的登录流程， 不包含动态路由，权限验证等。
2023-02-03 17:07:09
733
原创 vue3 ts element plus form表单二次封装详细步骤 （附参数、类型详细介绍及简单使用示例）
上篇table 表格封装 讲到项目中经常会用到 table 表格，所以做了封装。当然，form 表单使用的频率依然很高，所以和封装 table 表格的思路相似，对 form 表单也做了一个二次封装的组件。 Form 表单组件封装2. 基本表单使用3. 自定义 key4. 自定义表单验证 表单配置项， 参数请参考下面参数介绍 参数类型声明(声明为全局的类型，方便使用)参数介绍Form 属性参数说明类型是否必填默认值model表单数据对象Record...
2022-08-10 23:06:47
16679
18
原创 vue3 ts element plus table表格二次封装详细步骤。支持单元格内容、表头自定义渲染（支持使用作用域插槽、tsx 语法、h 函数） （附参数、类型详细介绍及基本使用示例）
因为最近项目中频繁会使用到table表格，所以基于element plus table 做了一个二次封装的组件。1. 新增 render 函数，tsx语法渲染自定义列。 如果使用 render 函数自定义列的话，建议你对 vue 的内置 h 函数有一定了解， 当 然也可以使用插槽的方式实现自定义列。 也可以参考下面 `Render函数自定义列`的使用示例。2. 多级表头渲染、自定义表头
2022-06-29 15:52:41
26777
79
原创 vue3 ts vite项目 读取本地markdown文件
项目中有一些md文件，需要在页面中把内容渲染出来， 所以在此记录一下实现的方法因为本项目使用的vite通过访问vite官网 发现所以结合自己的业务，使用以下方法就可以读取到本地md文件二、预览引入内容预览内容的话可以参考 markdown编辑器引入与使用这篇文章，有详细记录v-md-editor vue3预览组件...
2022-06-14 13:11:54
3936
1
原创 vue3项目中使用markdown编辑器(v-md-editor)
记录一下项目中使用markdown编辑器的流程本项目使用的是v-md-editor，它是基于 Vue 开发的 markdown 编辑器组件2. 使用/plugins/index.ts/main.ts解决方法一定要保证此文件在tsconfig.json中有引入4. 创建MdEditor组件/components/MdEdtior/index.vue父组件使用markdown内容预览解析后的html文本预览页面效果更多配置，请移步v-md-edito
2022-06-10 13:08:17
5732
4
原创 vue 路由history模式apache服务器配置
记录一下项目部署，使用路由history模式vite.config.jsapache 根目录下新建.htaccess文件以上配完就可以正常访问页面
2022-06-06 14:30:36
1157
原创 vue3中二次封装wangEditor富文本编辑器
最近业务场景需要用到富文本编辑器，前后对比最后采用了wangEditor5。 对编辑器进行了组件封装，代码看起来更简洁优雅，在此记录一下整个过程。使用新建WangEditor子组件父组件使用页面效果此处只记录了基本使用，更多自定义配置请参考官网。如有需要，移步 ----> wangEditor5编辑器最好指定高度，不然控制台会有黄色的警告， 本组件已经设置height默认300。
2022-06-01 10:36:04
2040
1
原创 记录下以前学习mongodb的安装方法及常用命令
mongodb数据库通过brew安装mongodbbrew tap mongodb/brewbrew install mongodb-community创建保存数据的文件夹：mkdir -p ～/data/db设置权限：sudo chown id -u /data/db 注: ‘id -u‘表明 你当前登录的账户名 例如:sudo chown admin /data/db配置环境变量：PATH=/usr/local/Cellar/mongodb-community/4.2.0/bin:
2022-05-31 16:30:42
148
原创 vue3 v-model自定义修饰符
记录一下开发中用到的v-model修饰符页面呈现父组件<div> <h1>vue3 v-model自定义修饰符</h1> <br> <div> 父组件中显示的数据： {{title}} </div> <br> <ModifiersVue type="customize" v-model:title.toupper="title"/>
2022-05-29 18:53:25
666
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人