element el-table实现动态新增、编辑表格以及动态校验,自定义校验
2024-10-30在项目中遇到设置签到的情况,如图所示,在后台中需要可以设置签到任务。同时也会遇到动态校验的场景。1.有时候明明给一个变量赋了值,但是他不在页面上中显示。我们可以用this.$set添加一个响应式的变量。在 Vue.js 中,this.$set 是一个用于在响应式对象上设置属性的方法。isEditor为true的时候输入框显示,然后可以进行编辑,false的时候就显示数据。实例的数据对象或组件的响应式属性上添加新的属性,确保新添加的属性也是响应式的。在点击新增任务的时候,会给一些默认的属性,_element动态添加表单并验证
HTML中的表格
2024-10-30td标签:表格的内容部分的普通单元格(浏览器默认的文字样式;cellspacing属性:设置表格外层边框和单元格边框之间的间距。th标签:表头的单元格(文字加粗;thead标签:表格的头部(可省略)tbody标签:表格的内容(可省略)rowspan属性和colspan属性同时使用则行和列同时合并。没有给table添加边框属性(border)不会显示表格的边框。rowspan="合并的单元格数量" 跨行合并。colspan="合并的单元格数量" 跨列合并。align属性:表格的对齐方式。_html表格
font-size: 0的作用
2024-10-30设置父元素的font-size为0是一种常见方法,用于消除内联元素间的空格问题,避免因代码换行导致的前端页面展示变形。这种方法优于使用display:table、负margin或float,因为它们可能带来性能影响、调试困难或破坏文档流。
vue中el-table单元格复制功能
2024-10-29猜测是使用document.addEventListener(‘copy’, save)会在整个dom树添加事件,会覆盖dom树原有的事件的发生,所以需要添加once参数使这个事件只生效一次。1.在el-table上绑定单击事件 @cell-click=“copyText” 或双击事件 @cell-dblclick=“copyText”1.在el-table上绑定单击事件 @cell-click=“copyText” 或双击事件 @cell-dblclick=“copyText”_el-table cell-click
医院绩效考核系统
2024-08-21去百度搜索的时候,很多情况搜不到的原因是自己没有用专业的语句,口语化的语句很少能搜到答案,有时候问一问别人或许不能直接解决问题,但是却给了我们另一个思路去搜索,这样说不定就能找到答案。在这一步,我们可以参考其他成熟的软件,如果有类似的功能的话,就去点一点,了解每个操作。这一步,我们作为技术,考虑的是如何实现。解决方式:响应式布局,系统分为header上,menu左,main右,使用flex布局,并且右边main处不能出现滚动条,只可以table出现滚动条。1、期间遇到问题,自己网上查资料,最终解决;
HTML焦点问题
2024-10-29文章讨论了HTML中哪些元素可以获取焦点,包括使用contenteditable属性的<div>元素,设置tabindex属性的<p>元素,以及<input>和<a>元素在不同条件下的焦点行为。内容详细解释了各属性的作用和用法,并指出没有href属性的<a>元素可能无法直接获取焦点。
Json-to-HTML-table: 将JSON数据转化为可交互的HTML表格
2024-10-29Json-to-HTML-table是一个用于快速展示JSON数据的JavaScript库,提供动态表格、排序、搜索和筛选功能,易于集成前端框架,适合创建高性能数据可视化应用。
解决css背景图覆盖文字
2024-10-29项目需求:这是个导航栏(下面是uveiw的tabs标签),然后高亮的时候会有一个背景图,因为title不固定字数,所以宽度不能写死。后面找了下,发现item-title样式加上position: relative;因为用的是相对、绝对定位,会导致图片会覆盖到文字上。自己写了个样式,用scroll-view,_css文字被背景图片遮住
什么是BFC?用来解决什么问题?什么情况下开启BFC?
2024-10-28什么是行盒呢?span、img、a这些标签,通常这些标签在浏览器渲染完成后在页面上展示的效果都是的,并且会有以下特性。1.不能设置宽高。2 可以设置padding,水平方向有效。但是垂直方向不会占据实际空间 3.border边框同理。4。margin外边距同理。什么是块盒呢?div、H1、table、ul这些标签,通常这些标签在浏览器渲染完成后在页面上展示的效果都是的,宽高、边框、内外边距都会生效。根据来讲,行元素一般是展示具体的内容,然后再用块元素做具体的规划布局。。_开启bfc
vue实战指南 vue导出页面生成pdf文件
2024-10-28PDF(Portable Document Format)是一种通用的文件格式,广泛用于文档交换。PDF文件可以包含文本、图像和其他多媒体内容,并且可以在多种设备上保持一致的显示效果。在导出PDF时,我们可能需要对页面内容进行一些样式和布局上的调整,以适应PDF文档的显示效果。_vue导出pdf