前端demo
就叫小黄好了鸭
干!!!
展开
-
ElementPlus el-cascader级联选择器 实现一级菜单单选,二级菜单多选
el-cascader级联选择器 实现一级菜单单选,二级菜单多选原创 2022-11-03 15:31:42 · 9488 阅读 · 6 评论 -
JS - setTimeout时间误差解决办法
JS - setTimeout时间误差解决办法一、背景最近项目中加了一个计时器,我是用setTimeout来实现计时的,用于显示订单剩余支付时间,但我发现,短时间还好,时间长了,计时器的误差会很大。二、问题用setTimeout实现计时var start = new Date().getTime() var count = 0 // 程序执行了秒数 增加var inits = 1000 // 间隔时间var timer = setTimeout(fun,inits)console.原创 2022-03-28 19:19:47 · 3424 阅读 · 2 评论 -
ElementUI el-input 只允许输入数字和两位小数
方法一1、页面效果2、FORM表单<el-form-item label="审计价格(元)" prop="auditPrice"> <el-input v-model="form.auditPrice" oninput="value=value.replace(/[^0-9.]/g,'')" placeholder="请输入审计价格" /></el-form-item>3、校验规则 data() { const validate原创 2022-02-08 11:35:18 · 1182 阅读 · 0 评论 -
VUE --- 将HTML格式转换为纯文本
html代码:<div>{{ToText(item.input)}}</div>js代码:methods:{ ToText(HTML) { var input = HTML; return input.replace(/<(style|script|iframe)[^>]*?>[\s\S]+?<\/\1\s*>/gi,'').replace(/<[^>]+?>/g,'').replace(原创 2021-12-28 13:03:25 · 1721 阅读 · 0 评论 -
解决el-input输入框使用oninput或onkeyup后,v-model双向绑定失效问题
解决el-input输入框使用oninput或onkeyup后,v-model双向绑定失效问题在输入中文触发oninput后,v-model绑定的值会被设成空字符串,这时候再输入数字,v-model绑定的值不会被赋值,一直为空。解决方法可以用blur手动给绑定的值赋值。<el-input v-model="form.account" clearable placeholder="请输入编号" onkeyup="value=value.replace(/[^0-9]/g,'')" @b原创 2021-12-22 20:31:00 · 3441 阅读 · 5 评论 -
在ElementUI的 MessageBox 弹框 按钮上 进行api接口请求
在ElementUI的 MessageBox 弹框 按钮上 进行api接口请求一.点击按钮,弹出弹框二.点击确认 进行请求(用.then 不用async await ,解决promise获取数据出作用域后undefined的问题)代码 // 转为内部用户 handleToInternalUser(row){ console.log("转为内部用户...",row); this.$confirm('是否确认将该医生从外部用户转换为内部用户','提示',{原创 2021-12-09 20:00:14 · 2211 阅读 · 0 评论 -
去除element el-input type=number 右侧箭头
没有去除之前:去除之后:具体css代码:/*在Chrome下移除input[number]的上下箭头*/.no-number::-webkit-outer-spin-button,.no-number::-webkit-inner-spin-button { margin: 0; -webkit-appearance: none !important;} .no-number input[type="number"]::-webkit-outer-spin-button,.no原创 2021-11-16 15:48:22 · 2840 阅读 · 0 评论 -
iview + vue table分页勾选记忆
第一步(勾选):已知给 data 项设置特殊 key _checked: true 可以默认选中当前项第二步(取消勾选):第三步(全部勾选):第四步(取消全部勾选):原创 2021-11-10 20:14:46 · 867 阅读 · 0 评论 -
vue + iview 实现 前端分页 + 搜索
第一步:第二步:第三步:第四步(切换页码请求接口的情况):第五步(切换页码不请求接口的情况):第六步:全部代码:<template> <div> <Card> <Input v-model="entryName" placeholder="请输入项目名称..." style="margin-left:20px" clearable></Input> &原创 2021-11-10 19:39:38 · 1260 阅读 · 0 评论 -
iview + table 插入input框 并 实现双向绑定
iview + table 插入input框参考iview官网文档:iview官方文档代码:代码:<template> <div> <Card> <Table ref="table" editable :data="tableData" :columns="columns" stripe></Table> </Card> </div>&l原创 2021-11-10 16:45:38 · 1712 阅读 · 0 评论 -
Vue+Element组件el-table添加表头全选文字
html部分: <el-table v-if="showTable" class="inter_table" :data="apiList.slice((currentPage-1)*pagesize,currentPage*pagesize)" style="width: 100% !important;" border @selection-change="handleSel原创 2021-07-15 17:18:23 · 1414 阅读 · 0 评论 -
ElementUI 时间选择器,显示默认时间为当前时间的前一天
项目需求:ElementUI 时间选择器,显示默认时间为当前时间的前一天element框架时间选择器,默认显示时间为:当前日期的前一天1、html结构: <el-form ref="formData" :model="formData" label-width="100px"> <!--日期板块--> <el-form-item label="活动时间" style="margin-left:29px">原创 2021-03-10 20:01:21 · 5528 阅读 · 1 评论