vue3
文章平均质量分 71
zhfy啊
菜鸡的艰难进阶之路
展开
-
vue3 slot 插槽 在h函数中如何使用
h()是的简称——意思是“能生成 HTML (超文本标记语言) 的 JavaScript”。这个名字来源于许多虚拟 DOM 实现默认形成的约定。一个更准确的名称应该是,但当你需要多次使用渲染函数时,一个简短的名字会更省力。原创 2023-02-28 11:57:30 · 5017 阅读 · 2 评论 -
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 · 5206 阅读 · 4 评论 -
使用 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 · 631 阅读 · 0 评论 -
vue3 slot插槽在tsx中的使用方法
这里只记录在tsx中插槽如何使用,至于在template中的使用插槽可查阅。原创 2022-11-15 17:21:26 · 3960 阅读 · 0 评论 -
vue3 ts element plus form表单二次封装详细步骤 (附参数、类型详细介绍及简单使用示例)
上篇table 表格封装 讲到项目中经常会用到 table 表格,所以做了封装。当然,form 表单使用的频率依然很高,所以和封装 table 表格的思路相似,对 form 表单也做了一个二次封装的组件。 Form 表单组件封装2. 基本表单使用3. 自定义 key4. 自定义表单验证 表单配置项, 参数请参考下面参数介绍 参数类型声明(声明为全局的类型,方便使用)参数介绍Form 属性参数说明类型是否必填默认值model表单数据对象Record...原创 2022-08-10 23:06:47 · 14754 阅读 · 17 评论 -
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 · 23472 阅读 · 79 评论 -
vue3 ts vite项目 读取本地markdown文件
项目中有一些md文件,需要在页面中把内容渲染出来, 所以在此记录一下实现的方法因为本项目使用的vite通过访问vite官网 发现所以结合自己的业务,使用以下方法就可以读取到本地md文件二、预览引入内容预览内容的话可以参考 markdown编辑器引入与使用这篇文章,有详细记录v-md-editor vue3预览组件...原创 2022-06-14 13:11:54 · 3298 阅读 · 1 评论 -
vue 路由history模式apache服务器配置
记录一下项目部署,使用路由history模式vite.config.jsapache 根目录下新建.htaccess文件以上配完就可以正常访问页面原创 2022-06-06 14:30:36 · 1015 阅读 · 0 评论 -
vue3中二次封装wangEditor富文本编辑器
最近业务场景需要用到富文本编辑器,前后对比最后采用了wangEditor5。 对编辑器进行了组件封装,代码看起来更简洁优雅,在此记录一下整个过程。使用新建WangEditor子组件父组件使用页面效果此处只记录了基本使用,更多自定义配置请参考官网。如有需要,移步 ----> wangEditor5编辑器最好指定高度,不然控制台会有黄色的警告, 本组件已经设置height默认300。原创 2022-06-01 10:36:04 · 1883 阅读 · 1 评论 -
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 · 579 阅读 · 1 评论