- 博客(15)
- 收藏
- 关注
原创 解决vue 在ios微信“复制链接”功能问题
解决vue 在ios微信“复制链接”复制不到动态地址的问题这个问题在安卓上市完全没有问题的,可是到了iPhone上就彻底失效了。因为ios微信对vue路由中的#号识别问题。我的解决办法是在初始进入项目时重新拼接项目地址,再重定向到拼接的地址去。先获取到#号前的路由地址,再手动添加我们的#号和当前项目地址后缀:截取地址var replace = window.location.href.s...
2019-01-14 14:19:42 4428 8
原创 vue 路由缓存
vue 路由缓存一般我们会在列表上使用,列表滚动到下面然后跳转详情返回还想继续显示滚动条位置路由配置: { // 列表 path: '/list', name: 'list', component: list, meta: { keepAlive: true, title: '商品列表' } },app.js监听:<template> <div id="app">
2021-09-07 23:50:14 170
原创 vue 过滤器 filters 的使用
vue 过滤器 filters 的使用代码:<template> <div> <table border="1" style="width: 300px"> <tr> <th>id</th> <th>商品名称</th> <th>商品状态</th> </tr> <tr v-f
2021-09-06 23:08:44 191
原创 Vue路由页面传参常用几种方式 Router
Vue路由页面传参常用三种方式:第一种:Query跟原生传参模式一样,跳转页面后url会添加?、&分隔后面为参数。使用方式分两种 ①:直接在路由后面添加?&传参,②:query:{id:1}对象。使用:this.$router.push({ path: 'details', query: { id: item.id },})取参:this.$route.query.id第二种:params 隐藏式传参Vue路由可以通过params+name传参方式进
2021-08-30 01:20:33 835
原创 js去除字符串空格符大全
使用replace正则匹配的方法去除所有空格:str = str.replace(/\s*/g,"");去除两头空格:str = str.replace(/^\s*|\s*$/g,"");去除左空格:str = str.replace( /^\s*/,“”);去除右空格:str = str.replace(/(\s*$)/g, "");----大吉大利----...
2021-08-11 10:31:59 192
原创 vue页面里的methods自定义函数如何同步到window
vue 页面methods自定义函数同步到window的解决方案在开发vue项目的过程中偶尔需要引入外部js文件或与app oc通信时,外部文件的window是没有我们页面里的methods函数,所以我们需要把methods函数映射到window。处理方法: data() { return { title: '现在是2021年' } }, mounted() { window.demoEvent = this.demoEvent; },
2021-05-27 10:29:10 1072
原创 简单的js多维数组去重方式,超级简单for
使用for循环就用去重,无需复杂算法话不多说上代码:::let data= [ {id:1,name:'岑1'}, {id:2,name:'岑2'}, {id:3,name:'岑3'}, {id:1,name:'岑1'}, {id:2,name:'岑1'},]let ids = [] // let list = []for(let i in data){ if(ids.indexOf(data[i].id) == -1){ ids.push(data[i].id) list.
2020-09-16 10:01:38 879
原创 js数组转成字符串以,“号隔开 函数 join
函数:join用法: let list = [1,2,3,4,5,6]; list.join(","); console.log(list); // 打印结果:"1,2,3,4,5,6"大吉大利
2020-09-16 09:49:27 939
原创 vue监听data值变化,并执行操作;vue watch 函数this等于undefined找不到问题
vue监听data值变化this等于undefined问题解决方法:handler函数不能设ES6写法=>,一定要改成function写法才能生效data() { return { myName: '岑先生' }}watch: { // 监听数据变化 myName: { handler: function(o,u) { //这时候 o = 岑先生、u = 不认识 console.log('数据更新', o, u) this.updat
2020-06-11 17:22:53 2705 1
原创 js监听用户设备,js判断使用的是手机或者PC设备
js监听用户设备,是否为移动端或PC端// 检测用户设备 var sUserAgent = navigator.userAgent.toLowerCase(); var bIsIpad = sUserAgent.match(/ipad/i) == "ipad"; var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os"; var bIsMidp = sUserAgent.match(/midp/i) ==
2020-06-10 19:16:25 1019
原创 微信小程序overflow:auto; ios设备卡顿问题
我们在开发微信小程序的时候,经常会使用到overflow:auto;来实现局部滚动效果,稍微注意的码有就会发现,ios真机设备上会有很明显的卡顿,但安卓设置就没这个问题。解决方式view{ overflow:auto; -webkit-overflow-scrolling: touch;}给 overflow 属性添加-webkit- (chrome、safari私有属性)友情提...
2020-04-30 11:46:53 941
原创 解决 vue data变量相互赋值后被实时同步的问题
解决 vue data变量相互赋值后被实时同步的问题数据结构是这样子的data() { return { title: 'web前端 this data变量相互赋值后被实时同步问题', val_1: 'vue', val_2: '' }}问题源:我们在onload()把val_1 赋给 val_2 (或者在用户cli...
2020-04-24 16:05:59 1691 2
原创 jq监听图片加载结束
jq异步监听页面图片加载结束1、定义:// 参数:如要监听的doc数据function imgLoad(data) { return new Promise(function (res, err) { var imgData = data?data:$('img'); // 图片数据 var img = [], flag = 0...
2019-03-18 18:02:45 1177
原创 vue全局注册组件,引入组件
vue全局注册组件main.js页面import myComponents from './components/myComponents.vue' // 引入组件Vue.component("my-components",myComponents); // 全局注册组件在页面里使用<my-components></my-components>...
2019-01-17 16:57:49 523
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人