Elemetn(小知识)

秃头的老三

于 2021-10-13 17:24:34 发布

阅读量160

点赞数 1

分类专栏：笔记文章标签： java

本文链接：https://blog.youkuaiyun.com/weixin_44690999/article/details/120748401

版权

笔记专栏收录该内容

7 篇文章

订阅专栏

本文探讨了前端表单验证的规则设置，包括数字输入限制、最大长度和正则表达式匹配。同时，针对表格序号动态计算和在百分比布局下遇到的弹性盒子回弹问题，提出了三种解决方案：使用overflow:auto、设置min-width:0px以及调整宽度为99%，并分析了各种方法的优缺点。这些技巧对于优化前端用户体验和布局稳定性至关重要。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

// rules 规则 (element )

// rules 规则  (element )
 {
            required: true,
            message: "仅能输入数字，请输入正确格式!",
            trigger: "blur",
            max: 10,
            pattern: /^[0-9]*$/,
          },

// tab表格序号`

///tab表格序号延伸问题

		 <el-table-column fixed label="序号" width="60">
	          <template slot-scope="scope">
	          		<span>{{scope.$index+(requestObj.currentPage - 1) * requestObj.pageSize + 1}} </span>
	          </template>
         </el-table-column>

// 百分百比布局遇 flex 布局当盒子被拉伸后回不去(导致页面显示不全) --三种解决方法

1. 加  overflow: atuo;  //- - - 建议
2. 加 最小值 min-width;0px;   //- - - 建议
3. 把 width:100% 改为 width:99%  //- - - 不建议  页面会有延迟抖动等问题

Elemetn(小知识)

// rules 规则 (element )

///tab表格序号延伸 问题

// 百分百比布局 遇 flex 布局 当盒子被 拉伸后回不去(导致页面显示不全) --三种解决方法

///tab表格序号延伸问题

// 百分百比布局遇 flex 布局当盒子被拉伸后回不去(导致页面显示不全) --三种解决方法