Vue方法笔记
文章平均质量分 51
Vue方法笔记,实战项目中的疑难点笔记
清狂无益
前端小白,在线学习
展开
-
Vue+element UI 可编辑表格
实现可编辑表格的主要思想:使用table创立一个表格,正常展示数据,需要操作某一行数据时,根据行数据的ID作为标志,将该行HTML换成编辑框或者其他form组件。原创 2023-05-19 15:12:10 · 3027 阅读 · 0 评论 -
Vue+element ui 可编辑树结构
实现树结构可以编辑主要思想就是 - 树结构开启可自定义模式,操作某一层级的时候显示不同的内容(其实也就是不同的操作按钮和输入框),在我们操作结束时,将更改数据存入后端,完成增删改功能,树结构刷新原创 2023-05-19 13:50:00 · 3311 阅读 · 5 评论 -
Vue+ant-design-vue 表格实现可拖动的伸缩列
应客户要求,表格要实现列宽可以自主调节,用户可以根据自己的喜好,拖动列边框,左右拖动实现列宽的扩大和缩小;ant-design-vue官方文档中,table组件中提供了此功能的示例代码。于是我满怀开心的复制到了我的项目中,结果处处报错,红彤彤的一大片。在修改无果后,我去请教了 无所不会的网友 最后整理了一套可用的。 这篇笔记以 步骤 的形式一步一步的记录如何实现这个功能。有需要的小伙伴可以按照步骤走一遍。 步骤一:安装集成的 vue-draggable-r...原创 2021-07-27 14:41:25 · 7847 阅读 · 17 评论 -
Vue+element ui -- 自定义表单验证:金额
在实际项目中,表单验证可以说非常普遍,尤其是财务系统项目和商城项目,涉及到金额的输入框更是很多。那么验证用户输入信息的争取与否,就变得至关重要,不单要做到准确还要照顾用户的输入习惯以及舒适度; 这边笔记记录了原来我在项目中进行 “ 金额 ” 方面的自定义校验的方法,这项目是使用的vue开发,采用element ui 的前端UI框架; 直接上代码:<template> <div class="addLicense"> ...原创 2021-07-27 10:41:13 · 2717 阅读 · 0 评论 -
Vue笔记--可视化大屏列表的两种形式(循环滚动、加载更多)
后台的管理系统,离不开首页的 ‘ 可视化监控大屏 ’ 。我上一个项目中,甲方爸爸要求监控大屏的列表展示真的是变了又变。所以,我提供了两种方案供他们选择。‘ 循环滚动列表 ’ 和 ‘ 手动加载更多列表 ’; 一,手动加载更多列表1,效果图:2,逻辑首次进入页面,列表展示数据的前20条,(根据自己项目的需要而定啊)支持鼠标滚轮滚动控制列表上下滚动。如果服务得来的数据有20条(或者请求参数中的pageSize),则显示 “ 加载更多>>>”,用户...原创 2021-07-26 11:40:16 · 7717 阅读 · 2 评论