再吸一口居居-优快云博客

原创表单页动态设置keepalive的问题

在表单页进行来源/去向判断。2.从c返回到表单页b的时候，需要缓存。1.从a进入表单页b时候，不需要缓存。

2024-01-29 09:17:34 409

思路：1.在app页面里给keepAlive设置一个动态的 :exclude="cachedViews"，cachedViews：this.$store.state.cachedViews2.当支付成功后，在支付成功页面判断，status==1时候 =>在vuex设置一个参数isKeepAlive==false，表示支付成功过了，并且触发mutation里面的方法3. mutation里设置一个方法，判断isKeepAlive==false，就把form表单的name添加到cachedV.

2022-04-26 15:09:29 747

原创 vantUI中picker默认回显选中的那一栏。注意是picker组件

watch: { show: { handler: function(newVal) { this.showBottomPop = newVal // picker打开,默认选中已选择的那一栏 this.$nextTick(()=>{ if (this.columns != null && this.columns.length > 0) { ..

2022-04-20 18:07:22 3553 1

原创 vantUI表单校验失败，如何跳到校验失败的第一项？并且不被导航遮挡。antd框架有自带的api

// dom为校验失败的那一项的元素if (dom) { dom.scrollIntoView(false, { behavior: "smooth", block: "center", inline: "nearest" }); dom.focus()}

2022-04-20 17:53:53 435

原创判断日期之间的大小问题，例如出发时间不可晚于到达时间

2022-04-20 17:45:28 268

原创使用正则限制输入框只能输入英文和数字

numberAndEnglish() { // this.formData.insuredIdn 是输入框v-model双向绑定的数据 this.formData.insuredIdn = this.formData.insuredIdn.replace(/[^\a-\z\A-\Z0-9]/g, '');},

2022-04-20 17:38:29 1962

原创 computed和watch的区别？

1.watch中可进行异步操作，监听数据取最新值。没有缓存。2.computed是同步操作，不可以进行异步操作。会有缓存。

2022-04-13 23:04:52 525

原创前端几种缓存的区别？

1.localStorage与sessionStorage的区别？1. localStorage存放在本地缓存中，没有过期时间，需要自己手动清除。2. sessionStorage存在当前会话的窗口中，窗口关闭，数据就会消失// 保存数据语法localStorage.setItem(“key”, “value”);sessionStorage .setItem(“key”, “value”);// 读取数据语法：var lastname = localStorage.getItem(

2022-04-12 13:06:56 316

原创 es6常用知识点复习

1.块级作用域，let和var的区别2.let和const的区别案例一：let name = 'jack';name = 'rock';console.log(name) //打印出来rockconst name = 'jack';name = 'rock' console.log(name) //vue报错，const定义的不能改变案例二：const star = { id:1, name:'jack'}star = { id:2, na

2022-04-08 20:24:10 272

原创 es6数组语法（待更新）

1.forEach 不改变原数组，也没有返回值 var arr = [{ id: 1 }, { id: 2 }, { id: 3 }]; arr.forEach((item, index) => { item.name = "jack"; }); console.log(arr); 2.map 不改变原数组，返回一个新数组 var arr = [1, 2, 3, 4]; ........

2022-04-07 21:32:08 208

原创对数组根据条件进行筛选出新数组（ findIndex() ）

const array = [ { id:1, name:'张三', status:false }, { id:1, name:'张三', status:false }, { id:1, name:'张三', status:true }]filterStatus(){ return array.fi.

2022-04-06 19:52:05 702

原创如何根据id删除列表中符合的项？

需求：当你拿到一个list中item的id，如何根据这个id筛选出list中与你拿到的id相同的项？解答：// 1.假设拿到的id = 2， list为为列表const list = [ { id:1, name:'张三' }, { id:2, name:'李四' }, { id:3, name:'王五' }]const id = 2//

2022-04-05 16:50:55 518

原创小程序中触底加载与下拉刷新的实际运用（目前只有一种，待更新第二种）

1.触底加载 onReachBottom（）{} onReachBottom () { this.getTopMVData(this.data.topMVs.length); },//this.data.topMVs.length表示最新的数据有几条2.下拉刷新onPullDownRefresh（）{}onPullDownRefresh () { this.getTopMVData(0); },// 0 表示下拉刷新时候，offset==0 ，重新开始进行

2022-03-05 00:08:08 168

原创小程序中utils工具类的使用

1.创建工具类文件夹备注：wxs是微信小程序中可以再wxml文件里引用的格式文件。类似vue中的过滤器。2.在wxs文件中声明方法// 把10000解析成1万function formatCount(count) { var counter = parseInt(count); if (counter > 100000000) { return (counter / 100000000).toFixed(1) + "亿"; } else if (counter

2022-03-04 23:28:21 3230

原创小程序父组件向子组件传值（渲染子组件）

1.在子组件标签中使用 key="{{ value }}" 的形式进行传递。<video-detail propos="{{item}}" bindtap="clickVideoItem" data-item="{{item}}"></video-detail>2. 在子组件js文件中，使用properties：{}对象接收传递过来的数据 properties: { propos: { type: Object, defaul

2022-03-04 23:19:49 661

ju_vlog的博客