- 博客(25)
- 收藏
- 关注
RSS订阅原创 vue3+elementPlus使用vuedraggable实现照片墙拖拽调整位置
1.简介：vuedraggable是一个可以实现元素拖拽的vue组件，该组件轻便、实用、简单易上手。通常用于各种表格、表单、看板、列表等功能中2.下载vuedraggable的命令下载成功后，可在package.json 文件中查看。
2025-03-17 13:45:54
249
原创 vue3+Ts+elementPlus二次封装Table分页表格，表格内展示图片、switch开关、支持
2.使用表格组件的页面文件（父组件）位置。1.表格组件（子组件）位置。elementPlus表格。
2025-03-17 10:37:10
676
原创 Vue+elementUI表单input输入框回车时触发页面刷新问题解决方法
组件时，按下回车键默认会触发表单的提交行为。这是因为浏览器的默认行为是将回车键视为提交表单的快捷键。在 HTML 表单中，当表单内只有一个输入框时，按下回车键会触发表单的提交事件，从而导致页面刷新。以上两种方法均可以解决回车刷新页面问题，如有不足敬请指正。虽然最求的目标各不相同，但群星的轨道终将彼此交汇。在 <el-from> 标签里面添加 @submit.native.prevent ，这个。原理：当在 Vue 中使用 Element UI 的。修饰符可以阻止表单的默认提交行为，从而防止页面刷新。
2025-01-06 18:05:59
513
原创 同时安装多个nodejs版本可切换使用，或者用nvm管理、切换nodejs版本（两个详细方法）
我们在工作和学习中，常常会接触不同的项目，而有些项目因为使用nodejs版本不同，在开发人员使用了不合适的nodejs版本时会出现各种报错或警告，甚至连项目都无法正常跑起来。下面本人介绍两个自己也在用的方法，希望能解决你的问题。
2024-05-10 18:53:24
8365
6
原创 vue+Echarts实现多设备状态甘特图
甘特图图表可能会不显示，原因一般是在获取到数据之前图表就挂载上了，然后数据更新后并没有更新图表数据。这里本人的方法是在获取到数据的后面调用挂载图表的函数，当然这肯定不是最好的方法。根据每个设备的不同的状态，和对应状态的持续时间渲染矩形。可鼠标滚轮图表和拉动下方蓝色的条条调节时间细节哦。（注：最后一个设备没有数据，所以不显示任何矩形）
2024-03-24 11:29:12
1589
原创 vue3中的:deep()深度选择器
scoped 属性是HTML5中的新属性，标签在加上了scoped属性时，样式实现组件私有化，父组件的样式不会渗透到子组件，不会造成局部或全局的污染。这个时候如果你想让样式中的一个选择器作用得更深（渗透到子组件），可以使用深度选择器::v-deep。
2023-11-15 13:10:55
12343
2
原创 json-server和postman的下载和简单使用方法
在当前路径打开命令行（cmd），运行.json文件。以在D盘路径为例，创建一个.json文件。运行后页面显示如下，代表成功，链接可访问。下载后打开，可以不登录，跳过即可。
2023-10-10 16:51:33
267
1
原创 vue基础之v-for和v-if优先级的问题
这样写会在控制台中出现警告，因为每次循环都会执行一次条件判断（先循环后判断），带来不必要的性能消耗。如果判断条件出现在循环的内部，可灵活运用计算属性computed过滤干扰项。避免不必要的性能消耗，可以采用嵌套写法。
2023-09-30 20:11:59
128
5
原创 vue打包以及服务代理配置
vue为什么要打包？打包是一个将代码和资源打包在一起的过程。它以一种可优化的格式、较小的文件尺寸、和组件的运行时环境构建项目。打包可以使应用程序更快地运行，更容易维护。如此一来，就完成了。
2023-07-19 08:40:43
545
6
原创 Vue中的自定义指令
el: 指令所绑定的元素，可以用来直接操作DOM。binding: 一个对象，包含指令的很多信息。vnode: Vue编译生成的虚拟节点。})},},el：指令绑定的元素binding：数据对象vnode：Vue编译生成的虚拟节点。
2023-07-07 21:05:32
120
3
原创 Vue3中vue-router钩子函数
1. router.beforeEach((to,from)=>{}),next是可选参数，可不写，return false是取消导航，如果返回值为true或者是undefined就是通过验证。2. router.afterEach((to,from)=>{}) 路由跳转之后，语法糖： to.fullPath 可以直接获取当前的URL路径及传参。vue-router4.0中取消了next，可以不写；(路由跳转之前拦截)
2023-07-03 09:45:20
1512
5
原创 什么是Promise,如何使用Promise
它最早由社区提出并实现，ES6将其写进了语言标准，统一了用法，并原生提供了Promise对象。它是一个对象，可以获取异步操作的消息，他的出现大大改善了异步编程的困境，避免了地狱回调，它比传统的解决方案回调函数和事件更合理和更强大。num>1 ，则触发catch，打印‘失败’。Promise实例生成后，可用catch方法指定一种状态回调参数（Promise对象状态改为Rejected时调用 ）可见，promise新建后立即执行，所以先打印‘111’，then在同步操作完成后才执行，所以‘222’在最后打印。
2023-06-30 19:42:29
191
1
原创 vue引入DataV时的报错解决办法 Internal server error: ＜template v-for＞ key should be placed on the ＜template＞ ta
报错信息：Internal server error: key should be placed on the tag.
2023-06-27 16:43:38
5222
4
原创 Pinia的使用、Pinia的持久化
目录一.Pinia的使用1.在项目中安装Pinia2.引入使用3.Pinia模块创建4.在页面中使用2.$patch传递一个对象来修改二. Pinia持久化。
2023-06-27 10:55:35
3095
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人