摘要: 有以下几种方法: 1.大于0的正整数 <el-input oninput="value=value.replace(/^0(0+|\d+)|[^\d]+/g,'')"></el-input> 2.大于500会置成500(500以内的整数) <el-input placeholder="请输入数量" 阅读全文
posted @ 2023-12-20 13:28 seven(阿贞) 阅读(1140) 评论(0) 推荐(0) 编辑
摘要: 问题: el-input 里自带了一个属性clearable,可以清楚输入框内容。但是有的时候清除无效,可能有如下情况: 1.clear删除无效,可以绑定clear事件解决,@clear="handleClear"; html: <el-form :label-position="labelPosi 阅读全文
posted @ 2023-11-16 17:46 seven(阿贞) 阅读(2203) 评论(0) 推荐(0) 编辑
摘要: 前言: 项目中无论移动端还是pc端经常会遇见‘复制’内容块,比如,分享链接,金融机构中获取银行卡号,转账信息内容等,这样便于用户快速转发或复制。 复制一行实现很简单,代码: <!-- html --> <div class="line-box"> //text表示复制的内容 <span class= 阅读全文
posted @ 2023-11-07 11:04 seven(阿贞) 阅读(340) 评论(0) 推荐(0) 编辑
摘要: elementUI是常用的前端UI框架之一,下面分享一下其中el-table的用法。 1.固定表头: 如果表格过长,需要做滚动效果,但是又不想让表格整体都滚动。那么我们可以做表格头部固定,内容进行滚动。 <el-table height="400"> </el-table> 这里的height给值即 阅读全文
posted @ 2020-06-30 20:15 seven(阿贞) 阅读(8296) 评论(0) 推荐(0) 编辑
摘要: a标签的最重要功能是实现超链接和锚点,a标签里href属性是我们经常用的,其实它的值有很多种,可能我们往往会忽略,今天分享一下a标签的属性值及用法。 1. href=“#”: 这是一个比较常用的方法。#是标签内置的一个方法,用于网页返回顶部较多。比如在底部有个置顶的按钮,使用这个就比较方便了。 使用 阅读全文
posted @ 2017-09-29 15:43 seven(阿贞) 阅读(3623) 评论(0) 推荐(1) 编辑
摘要: 为了更好的页面效果,我们往往不是将获取的数值直接显示。项目中有的时候根据需求,要将金额转换成“,”隔开显示。如1997 => 1,997 本次分享一个转换的方法: html: <div> <p>1997</p> <div> js: function formatCurrencyTenThou(num 阅读全文
posted @ 2017-06-08 15:20 seven(阿贞) 阅读(6010) 评论(0) 推荐(1) 编辑
摘要: 因为脑容量较小,很常见的小问题也会不经意间忘记~~~记下来,纯粹标记自我提醒一下: 如图,手机打开是这样的,手机号码那行显示蓝色字。网页当然没问题的了。纯黑~ 解决方案: 在head里面,“禁用电话号码识别”:<meta name="format-detection" content="teleph 阅读全文
posted @ 2017-06-07 14:15 seven(阿贞) 阅读(1117) 评论(0) 推荐(0) 编辑
摘要: 之前做移动端,发现在苹果手机上input显示有问题。input的border已经初始化设置为none了。后面根据需求进行了border样式的重置。但在苹果手机上渲染有问题。如下图所示: 解决方案: input{ appearance:button; -moz-appearance:button; / 阅读全文
posted @ 2017-06-06 15:55 seven(阿贞) 阅读(1675) 评论(0) 推荐(0) 编辑