Vue
Vue
梁云亮
电 话:13264494458
微 信:13264494458
扣 扣:369950806
展开
-
二次封装 el-dialog 实现 全屏和最小化 功能
【代码】二次封装 el-dialog 实现 全屏和最小化 功能。原创 2024-06-28 10:08:48 · 694 阅读 · 0 评论 -
elment plus 动态图标
【代码】elment plus 动态图标。原创 2024-06-08 12:03:39 · 282 阅读 · 0 评论 -
Vue3 使用 vue-clipboard3 实现一键复制
运行代码,在文本输入框中输入内容,单击按钮就会发现复制了文本框中的内容。原创 2024-06-08 11:52:28 · 830 阅读 · 0 评论 -
vue3+typescript 使用Codemirror实现在线代码编辑器功能
【代码】vue3+typescript 使用Codemirror。原创 2024-06-03 20:33:48 · 394 阅读 · 0 评论 -
查看VUE3代理后真正请求的URL
【代码】查看VUE3代理后真正请求的URL。原创 2024-05-31 14:50:04 · 415 阅读 · 0 评论 -
【精品】vue3 原生 视频播放 videojs
videojs是一个开源的HTML5视频播放器,它可以在各种设备和浏览器上播放视频。videojs提供了丰富的API和插件,可以实现自定义的视频播放功能。视频文件地址(src),类型:string,必传,默认 ‘’,支持网络地址 https 和相对地址视频封面地址(poster),类型:string,默认 ‘’,支持网络地址 https 和相对地址。原创 2024-05-26 13:18:40 · 896 阅读 · 0 评论 -
VUE3视频播放器 videojs-player/vue
video-player是一个基于video.js的视频播放器组件,它提供了丰富的功能,包括视频播放、暂停、快进、快退、全屏、音量控制等。video-player 还提供了许多其他属性,可以用来配置视频播放器的行为,具体可以参考 video-player 文档。@videojs-player/vue 是由vue-video-player (不再更新)更新而来的,最新的组件版本 仅支持 Vue3。最新版本支持大多数 Video.js 配置选项的 响应性 ,并允许完全自定义播放器控制面板和交互细节。原创 2024-05-26 13:03:47 · 912 阅读 · 0 评论 -
el-radio-group 选择一个,全部选中 解决方案
在使用el-radio-group时,选择一个radio,所有的radio全部选中。原因是在2.6.0之后的版本中,官方推荐使用。来绑定radio的值,但在之前版本中须使用。原创 2024-05-23 19:01:31 · 1329 阅读 · 1 评论 -
vue3 路由跳转 携带参数
实现功能:页面A 跳转到 页面B,携带参数。原创 2024-05-20 15:08:49 · 287 阅读 · 0 评论 -
【精品】使用 v-md-editor 上传图片
v-md-editor 是基于 Vue 开发的 markdown 编辑器组件,即支持vue2也支持vue3。原创 2024-05-17 11:00:17 · 695 阅读 · 0 评论 -
vue3 获取环境变量中的值
对象来访问环境变量。这些变量应该在项目根目录中的 .env 文件或者相应的环境文件(.env.local, .env.development, .env.production 等)中定义。,并在这些文件中设置不同的值。当运行应用时,Vue CLI 会根据选择的模式(development 或 production)自动选择合适的文件。如果需要在不同的环境中有不同的值,可以创建多个环境文件,如。在 Vue 3 中,可以使用。原创 2024-05-17 01:46:06 · 608 阅读 · 0 评论 -
vue3使用el-autocomplete请求远程数据
【代码】vue3使用el-autocomplete请求远程数据。原创 2024-05-04 21:51:54 · 750 阅读 · 1 评论 -
一键升级 package.json 下所有依赖的版本
请注意,在更新依赖项之前,最好备份你的项目,以防万一更新后的版本与你的项目不兼容。同时,确保你的项目代码已经提交到版本控制系统中,这样你可以轻松地恢复到之前的状态。这个命令会生成一个新的package.json文件,其中包含了所有依赖项的最新版本。然后,你可以运行npm install来安装这些更新后的依赖项。使用这个命令之前需要安装。原创 2024-04-13 17:58:49 · 371 阅读 · 0 评论 -
Element Plus 表单校验
"用户名长度在 3 到 5 个字符"原创 2024-04-08 22:55:07 · 495 阅读 · 0 评论 -
vue3中,路由通过state传参
【代码】vue3中,路由通过state传参。原创 2024-03-04 15:51:52 · 813 阅读 · 0 评论 -
TypeScript 日期格式化工具方法
创建工具文件:util.ts。原创 2024-03-04 13:12:53 · 865 阅读 · 0 评论 -
vue3中css使用script中定义的变量
【代码】vue3中css使用script中定义的变量。原创 2023-09-11 18:23:57 · 566 阅读 · 0 评论 -
【精品】git commit 代码规范
commitizen 是一个撰写合格 Commit message 的工具,可以利用 Commitizen,帮助我们撰写规范的提交信息。这样子就配置完成了,进行不符合规范的提交时,命令行就会报错;scope(可选) : 用于说明 commit 影响的范围,比如数据层、控制层、视图层等等,视项目不同而不同。在项目根目录添加 commitlint 的配置文件 commitlint.config.js ,并写入配置。subject(必须) : commit 的简短描述,不超过50个字符。原创 2023-09-11 18:07:40 · 275 阅读 · 0 评论 -
【精品】基于VUE3的 电商详情 图片显示模块
【代码】【精品】基于VUE3的 电商详情 图片显示模块。原创 2023-08-25 09:41:12 · 313 阅读 · 0 评论 -
【精品】vue3 父控件远程获取数据,在子组件上显示不出来
如果在 Vue 3 中父组件通过远程获取数据,而子组件无法显示这些数据,通常是因为数据传递或渲染的时机不正确,或者数据还未完全加载就已经渲染子组件。以下是可能的解决方案:确保数据加载完成后再渲染子组件:如果父组件通过异步请求获取数据,确保数据加载完成后再渲染子组件。可以在数据加载完成的回调或 Promise 解析后,再通过 props 将数据传递给子组件。原创 2023-08-25 09:09:29 · 651 阅读 · 0 评论 -
vue3 报错: ‘defineProps‘ is not defined no-undef
【代码】vue3 报错: ‘defineProps‘ is not defined no-undef。原创 2023-08-22 13:10:16 · 707 阅读 · 0 评论 -
axios 各种方式的请求 示例
原因是axios.post默认情况下传递到后台的数据是JSON格式的,通过设置POST请求头,可以告诉服务器请求主体的数据格式为kv的形式,比如:a=aaaa&b=bbbb。前端会将参数以kv字符串的形式发送到后台:username=zhangsan&password=1234。请求的url为:http://localhost/blog/f23?原创 2023-08-21 19:59:08 · 1465 阅读 · 0 评论 -
封装axios及简单应用举例
之后采用npm run serve:test会启动测试环境,此时对应的服务器连接根地址为:http://localhost/blog……采用集中式管理API是为了便于管理接口。原创 2023-08-21 19:49:10 · 1271 阅读 · 0 评论 -
基于Promise手动封装ajax
【代码】基于Promise手动封装ajax。原创 2023-08-21 19:43:03 · 1431 阅读 · 0 评论 -
vscode插件volar配置
安装ref自动补全.value拆分编辑器原创 2023-08-20 17:06:46 · 1107 阅读 · 0 评论 -
路由跳转--编程式导航
除了使用 创建 a 标签来定义导航链接,我们还可以通过编程式导航实现导航。所谓编程式导航指的是不通过router-link跳转,而是借助 router 的实例,通过代码的方式跳转。原创 2023-08-20 11:29:39 · 272 阅读 · 0 评论 -
Component name “Home“ should always be multi-word
【代码】Component name “Home“ should always be multi-word。原创 2023-08-20 10:01:25 · 418 阅读 · 0 评论 -
Require statement not part of import statement @typescript-eslint/no-var-requires
【代码】Require statement not part of import statement @typescript-eslint/no-var-requires。原创 2023-08-19 23:34:44 · 51 阅读 · 0 评论 -
vue3生命周期
"setup:开始创建组件之前,在beforeCreate和created之前执行""onBeforeMount:组件挂载到节点上之前执行""onBeforeUnmount:组件卸载之前执行""onBeforeUpdate:组件更新之前执行""onMounted:组件挂载到节点上之后执行""onUnmounted:组件卸载完成之后执行""onUpdated:组件更新完成之后执行"//用v-if模拟组件销毁的过程。原创 2023-08-19 22:51:59 · 475 阅读 · 0 评论 -
Type string trivially inferred from a string literal, remove type annotation @typescript-eslint
从字符串文字中简单推断出字符串类型,删除类型注释。编译器觉得已经推断出是字符串类型,不需要写了。原创 2023-08-19 21:10:38 · 223 阅读 · 0 评论 -
Intellij中直接运行ts配置:run configuration for typescript
在Intellij中可以借助插件插件本质还是依赖于 ts-node 来运行,只是其可以帮助我们自动配置好 ts-node 运行参数,简化使用。原创 2023-08-19 18:24:03 · 1018 阅读 · 0 评论 -
typescript报错:‘name‘ was also declared here
在默认状态下,typescript 将 DOM typings 作为全局的运行环境,所以当我们声明 name时, 与 DOM 中的全局 window 对象下的 name 属性出现了重名。既然与全局的变量出现重名,那我们将脚本封装到模块(module)内。module 有自己的作用域,自然不会与全局作用域的变量产生冲突。备注:在 Typescript 中,只要文件存在 import 或 export 关键字,都被视为 module。用 Typescript 时, 遇到一个声明常量 name 的报错。原创 2023-08-19 17:29:58 · 404 阅读 · 0 评论 -
vscode编译ts文件报错:无法加载文件 XXXX,因为在此系统上禁止运行脚本。有关详细信息,请参阅 https:/go.microsoft.com/fwlink/?LinkID=135170 中的
以管理员身份允许vscode。,表示状态是禁止的;原创 2023-08-19 17:19:45 · 196 阅读 · 0 评论 -
【精品】vue3中setup语法糖下通用的分页插件
注意:本博客理论基础:https://blog.csdn.net/lianghecai52171314/article/details/125481743原创 2022-10-11 22:56:33 · 834 阅读 · 0 评论 -
@vue/cli项目启动自动打开浏览器
【代码】@vue/cli项目启动自动打开浏览器。原创 2022-10-07 21:59:44 · 411 阅读 · 0 评论 -
vite3+vue3项目添加ESLint插件
ESLint 主要用于代码规范、统一代码风格。原创 2022-10-06 11:37:56 · 1064 阅读 · 1 评论 -
vite3+vue3+ts环境中使用mock生成模拟数据
依次单击每个按钮进行测试,发现能够请求到相对应的测试数据。// 引入mock文件。原创 2022-10-06 10:25:48 · 1587 阅读 · 0 评论 -
Vue 3 + TypeScript + Vite创建项目并安装常用插件
命令:npm install pinia-plugin-persist --save。原创 2022-10-03 14:41:30 · 2172 阅读 · 0 评论 -
vue3 省市县级联 插件 element-china-area-data
vue3 省市县级联 插件 element-china-area-data原创 2022-07-23 14:12:37 · 1000 阅读 · 0 评论 -
vue3 自定义图片放大器
/isisOutside为true的时候代表鼠标未进入目标元素,为false时代表鼠标进入目标元素。//遮罩半透明图在商品大图中的坐标位置。//ref获取DOM元素的位置。//当前显示的图片索引。原创 2022-07-22 14:39:51 · 864 阅读 · 2 评论