前端
热忱学习
本博只写我在工作中遇到的问题。这只是我的笔记。本人还在不断学习中。欢迎大神指教。
展开
-
请求接口计算数量
需求就是 一个大list 拆分成 逆变器,并网箱, 组件 红框那里都需要计算 <view class="cell_list"> <!-- 逆变器 --> <view class="cell" v-for="(item,index) in distributionListVOS" :key="index"> <view class="cell_title" @click="item.show=!item.show">...原创 2021-11-10 17:33:33 · 418 阅读 · 0 评论 -
uview select封装单选和多选
uview是没有多选的,根据业务需求就自己封装了一个组件一般多选的话是要加字段,根据字段判断,这个思路值得记录下<template> <view class="slot-v"> <!-- 单选 --> <u-input v-model="inputValue" type="select" @click="selectShow = true" :placeholder="placeholder" /> <!-- 多选 --&g原创 2021-10-29 16:26:04 · 4902 阅读 · 2 评论 -
前端当接口请求异步的时候 可以传个callback函数
有个需求是在vue 文件 main.js里面 请求接口 返回的值在其他页面上用import { getOnlinekey } from "./api/common.js";Vue.prototype.$GetOnlinekey=(callback)=>{ getOnlinekey().then(res=>{ let {code,result}=res.data console.log(result,"getOnlinekey") Vue.prototype.$KEY = {原创 2021-10-29 15:20:28 · 424 阅读 · 0 评论 -
vue 列表页面的分页
/** * @param {Object} isLoad 是否翻页 */ getHelpList(isLoad) { if (isLoad){ //如果是翻页 if (this.pageNo * this.pageSize <= this.helpList.length) { //如果当前列表满足整页,说明可能有下一页存在 this.pageNo += 1 } else { //如果不满足整页,说明没有..原创 2021-10-29 14:52:52 · 558 阅读 · 1 评论 -
5.13日公司上线内容总结 antd vue table 表格 和数据处理的一些代码
最近用的是 antd design vue这个框架如果 数据有空白项tasklist foreach那行代码现在有个业务需求是根据id请求列表,但每个请求回来的列表不一样,筛选条件也不一样,要根据接口返回的来显示可以返回字段的接口返的数据是这个样子的,1是可以显示,0是不可以显示核心代码就是this.coulmns return 那里,最后在push进去操作项 。效果就是需求的那样查询条件那里我一开始不知道怎么绑定v-model,因为是动态的,点击查.原创 2021-05-13 20:27:05 · 238 阅读 · 2 评论 -
记录代码
后台返回的是 这种格式,需要变成模拟时段的样子代码部分原创 2021-01-21 17:03:04 · 95 阅读 · 0 评论 -
vue中扩展函数,除了原有的事件中传的参数增加自己传的参数
<input v-for="a in as" @change="change" :disabledDate="disabledDate" >change(a,b){}disabledDate(a){}改成<input v-for="a in as" @change="change(...arguments, a)" //最主要的是这句:disabledDate="(current)=>disabledDate(current, a)" >.原创 2020-11-06 17:56:53 · 1104 阅读 · 0 评论 -
前端正则如何匹配双引号
<script language="javascript">//var pattern = /[^"]*/; // 校验字符串中是否都是非双引号的字符var pattern = /["]+/; // 校验字符串中是否有双引号的字符//var pattern = /["][^"]*["]/ // 匹配的是位于单引号或者双引号之内的 个或多个字符var value1 = "The best things in life are free"; // 没有双引号的字符串var va.转载 2020-11-06 17:46:01 · 2764 阅读 · 0 评论 -
微信小程序可以点击左右按钮切换,一次7天
我们的需求就是这种效果实现的代码html部分data: { show: false, active: -1, weekDate: ['日', '一', '二', '三', '四', '五', '六'], dateArr: [], isTodayWeek: false, todayIndex: 0, lastweek: true, nowdate: new Date().getDate(), datetip: false..原创 2020-10-23 17:33:24 · 1134 阅读 · 0 评论 -
记录代码
正则邮箱只要 @后面是字母就行 var reg = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;原创 2020-09-14 16:48:05 · 109 阅读 · 0 评论 -
Axios发送请求时params和data的区别
在使用axios时,注意到配置选项中包含params和data两者,以为他们是相同的,实则不然。 因为params是添加到url的请求字符串中的,用于get请求。 而data是添加到请求体(body)中的, 用于post请求。比如对于下面的get请求:axios({method: "get",url: "http://www.tuling123.com/openapi/api?key=20ff1803ff65429b809a310653c9daac",params: {info: ".转载 2020-08-27 22:04:09 · 389 阅读 · 0 评论 -
css文本换行,亲测有效
text-align: justify;text-justify: newspaper;word-break: break-all;需要在div上限制宽度原创 2020-07-23 18:50:00 · 175 阅读 · 0 评论 -
微信小程序 数据列表点击会有提示
业务需求点击感叹号会有一行提示代码实现<imagesrc="../../../static/images/jinggao.png"wx:if="{{contract.contract_status=='USEING'&&!contract.contract_account}}"data-sn="{{contract.contract_sn}}"bindtap="showTip"data-index="{{index}}"></image&...原创 2020-05-15 15:38:46 · 596 阅读 · 0 评论 -
vue 列表数据有的数据表格会有图标,鼠标浮动到图标上会出现隐藏的div
如图所示,业务需求就是浮动到感叹号上 下面会出现一行字。代码在子组件中的代码 <img src="@/assets/images/hr/hover.png" v-if="contract.contract_status=='INIT'" alt="" @mouseover="hoverIcon(contractindex)" @mou...原创 2020-04-26 16:10:59 · 899 阅读 · 0 评论 -
记录下项目中的代码
在做上拉加载的时候我看到同事这样写的代码 mounted() { window.addEventListener("scroll", () => { this.tableflag === "second" && this.scrollBottom(); }); },...原创 2020-04-26 15:36:57 · 76 阅读 · 0 评论 -
记录下vue中事件广播的用法
新建一个js// utils/eventHub.js import Vue from 'vue' export default new Vue() // 什么都没有绑定,因为它只是一个跳板,并且在实时监听在用的时候两个组件都要引一下eventHub.$emit('show-config-panel', ''); emit里面是事件名称,后面是值。然后用on接收...原创 2020-03-06 03:20:54 · 1046 阅读 · 0 评论 -
vue 父向子传传值,子组件第一次mounted加载,更新goods后mounted就不加载的问题
父组件像子组件传值向子组件good-info里传了个了个goods的对象。在子组件中应该用watch去监听这个对象。及得要用deep:true最后再methods里面写个方法去更新商品对应的信息...原创 2020-03-06 02:56:18 · 2060 阅读 · 0 评论 -
微信wxml页面直接用toFixed方法会报错,解决方法
在wxml页面直接用tofixed方法会报错。正确的用法是在当前目录下新建wxs页面。页面上写var filters = { toFix: function (value) { return value.toFixed(2)//此处2为保留两位小数 }}module.exports = { toFix: filters.toFix}在需要用到的页面引入这...原创 2020-03-02 18:12:20 · 1018 阅读 · 0 评论 -
js限制input的输入
限制只能输入大于等于0的正整数 οnkeyup="value=(value.replace(/\D/g,'')==''?'':parseInt(value))"限制输入正整数(不包括0)onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')"限制输入大于等于0的两位小数oninput="value= value.match(/\d...原创 2020-01-17 17:58:09 · 200 阅读 · 0 评论 -
三个并排的div,用flex布局实现前两个在最左边,最后一个在最右边
很简单,最后一个div加上margin-left;auto;原创 2020-01-17 17:53:28 · 5714 阅读 · 0 评论 -
vue中响应式的做法
最近做的项目要求是响应式,手机一套样式,ipad一套样式,pc一套样式在项目中主要是用到媒体查询,和booststrap原创 2019-11-22 18:01:44 · 240 阅读 · 0 评论 -
记录下做项目中遇到的问题
最近做了个项目头部中间是菜单,左边是logo,右边是登录之类的。如下图要求是点击搜索的按钮,出现搜索框,但是中间的菜单是固定不动的,一开始我的布局是flex布局。点击搜索按钮,搜索框展开的时候,中间菜单是往左滑动点的。然后想了好久,。用定位做。左边logo position: absolute; 中间也是position: absolute;然后左右给个padding值,最右边也是p...原创 2019-11-22 17:37:49 · 97 阅读 · 0 评论 -
ES6的扩展运算符 [...arr]
最近在项目看到别人写的代码里面letarr=[...param.date] 。不知道什么意思,度娘了一下,有篇博客写的挺好,转载一下。ES6的扩展运算符可以说是非常使用的,在给多参数函数传参,替代Apply,合并数组,和解构配合进行赋值方面提供了很好的便利性。数组去重var arr = [1,2,3,4,5,2,3,1];var set =new Set(a...转载 2019-10-11 18:09:52 · 1166 阅读 · 0 评论 -
git提交代码会报 vue-cli-service lint found some errors. Please fix them and try committing again. 错误
发现时一些文件的类型识别有冲突进入目录 git bash之后执行下面的语句就可以了git commit --no-verify -m "修改"原创 2019-10-10 14:01:47 · 6878 阅读 · 0 评论 -
记录下项目中用到的filter()方法
if (viewbyday) { let newdata = dataObj.data.filter(item => { return item[0].substring(0, 10) == day }) dataObj.data = newdata ...原创 2019-10-08 17:56:15 · 364 阅读 · 0 评论 -
es6的结构赋值let { data: list } = data;
最近做项目过程中看到过一个写法let { data: list } = data;上网搜了下,是es6的结构赋值这个写法是给对象的变量重命名意思就是把data的值重新赋给了list这个变量。let {foo: baz } = {foo:'abc'};解析:1、 foo 是用来做匹配的,用来去解构对象里面寻找值的2、 baz 才是变量名, baz = 'abc'let nod...原创 2019-09-05 14:42:50 · 1876 阅读 · 0 评论