- 博客(11)
- 收藏
- 关注
原创 js实现elementUI卡片轮播图效果
由于项目使用的是ant design组件,没有类似于elementUI中的卡片轮播的效果,所以需要手动实现。通过学习(原文地址:https://blog.csdn.net/weilongjj/article/details/105384266+自己的理解做了个笔记。
2021-03-18 16:39:10 2843 1
原创 在循环中进行post请求--随手记
记录背景:在项目的开发中,一些需要往数据库里添加的数据是通过循环数组得到的;因此要在循环中进行post请求。但是,由于post是异步的,放在循环中会不按顺序执行。结合promise实现1.在循环中把请求的方法以new Promise的形式push到数组中let post = []xxx.forEach(item=>{ post.push(new Promise((resolve,reject)=>{ axios({ url:xxx, method:'p
2021-03-04 22:51:37 1448 2
原创 随手记:vue中使用动态设置style
v-for循环中指定的下标设置指定的样式。<span class="icon iconfont" v-for="(item, ids) in tableIcon" :key="ids" :style="ids == 0 ? 'color:#FB1735' : ids == 1 ? 'color:#FF9100' : ids == 2 ? 'color:#6598FF' : ''" ></span>...
2020-12-11 13:56:21 361
原创 随手记:input数字框控制输入的最大值
控制输入的最大值:<input type="number" oninput="if(value>10)value=10"/>动态:<input type="number" :oninput="'if(value>'+num+')value='+num"/>data(){ return { num:10 }}
2020-12-09 18:27:47 1970
原创 vue修改数据后页面没有重新渲染
vue修改数据后页面没有重新渲染问题出现场景项目中需要根据路由的变化,修改data中的数据,导航通过此数据判断是否选中。但是,修改数据后,打印显示数据成功修改,页面却没有重新渲染。奇怪解决方法this.$forceUpdate()this.$forceUpdate()是vue强制更新,调用它会强制性更新数据,触发updated生命周期。查询资料得出:因为数据层次太多,render函数没有自动更新,需要手动强制刷新。...
2020-12-02 18:13:01 3262
原创 vue实时监听地址栏路由变化--随手记
vue实时监听地址栏路有变化在近期的项目中,要实现根据地址栏地址的变化选中对应的导航。 watch: { $route(to, from) { console.log(to.path,"要跳转的页面") console.log(from.path,"来自哪个页面的") }, },监听$route就可以实现了。...
2020-12-02 17:58:52 957
原创 Ant design vue设置某一单元格样式
Ant design vue设置某一单元格样式const column = [ { title: "姓名", dataIndex: "user[0].realname", align: "center", customCell:(record, rowIndex)=>{ //在此处定义 if(record.show == true){ return {style:{'color': '#ccc'}} //return 想要设置
2020-12-01 10:53:56 3127
原创 Ant design vue表格行点击事件--随手记
Ant design vue表格行点击事件只是为了个人记录,如有不正确的地方,望指出,深谢!a-table中定义方法<a-table :customRow="rowClick" />JS部分:data(){ return{ rowClick: (record, index) => ({ on: { click: () => { //点击行要做的操作 },
2020-12-01 10:40:28 1863
原创 微信小程序循环出来的内容设置不同的样式
微信小程序循环出来的内容设置不同的样式循环出来的内容可以通过判断下标的方式添加想要的class样式或者style,例如:设置类名 class=“img {{index===1?‘changeimg’:’ '}}”;WXML<view wx:for="{{list}}" wx:key="index" class="jing"> <image src="{{it...
2020-03-14 22:12:55 2079
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人