- 博客(27)
- 收藏
- 关注
原创 uniapp使用webview内嵌网页、从内嵌网页回退到平台方法
使用官网案例 发现APP可用,h5本地代码也可以,但打包到服务器后会出现报错,同事猜测是跨域问题,于是h5端绑定新方法返回。
2024-01-17 13:58:43 1053
原创 uniapp使用自定义底部导航栏时,打包安卓端,底部出现一段空白
uniapp使用自定义底部导航栏时,打包安卓端,底部会出现一段空白,此时在pages.json文件的tabBar配置里面,加入height:1px。空白本质上是原生的底部导航栏,默认会有一段高度,使用自定义时,因要设置一级页面,所以原生导航栏也存在,无法读取0px 所以设置1px 会有条横线。
2024-01-13 14:30:24 1007
原创 uniapp vue3.2+ts+uqrcode生成二维码合成海报 h5端和app端通用(只测试了安卓)
【代码】uniapp vue3.2+ts+uqrcode生成二维码合成海报 h5端和app端通用(只测试了安卓)
2023-12-16 10:54:05 750 4
原创 uniapp使用webview嵌套网页
嵌套网页时,webview会铺满全屏,若要使用导航栏,只能使用官方的头部和底部导航栏。nvue页面可以控制webview大小 但样式代码我不太会写。
2023-12-02 11:21:28 469
原创 uniapp vue3.2+ts h5端分环境打包
创建env.uat.ts、env.prod.ts、env.dev.ts文件。api封装文件引入env.ts文件 api封装时调用。根目录创建 package.json文件。创建env.ts文件。
2023-12-02 11:16:18 671
原创 uniapp vue3+ts h5端生成二维码与背景图合并成一张图片
【代码】uniapp vue3+ts h5端生成二维码与背景图合并成一张图片。
2023-12-02 10:48:52 569
原创 使用video标签时 安卓端滑动页面 视频会跟着滑动造成闪动
x5-video-player-type=“h5” 加這個屬性防止安卓滑動頁面視頻閃動
2021-02-04 18:24:21 827
原创 vuex中actions调用别的另一个actions的方法
//需要传入dispatch参数 getSkuAttr({dispatch, commit}, goods) { return api["goods/getSkuAttr"]({ goods_id: goods.goods_id, sku:goods.sku, }).then(res => { //商品没有规格或者没有属性 if (res.data.data.attr_list.length == .
2020-11-04 10:07:35 4783
原创 js 生成二维码 vue项目
//生成一个dom存放二维码 <div id="qrcode" ref="qrcode"></div> //引入库 import QRCode from 'qrcodejs2' //如果没有二维码就生产 有就删除当前二维码重新生产新的 if (!this.qrcode) { this.qrcode = new QRCode('qrcode', { width: 200, height: 200, // 高度 text: content//.
2020-09-27 17:35:48 216
原创 数组循环删除元素
let a = [1,2,3,4] let c= a.length for (let index = 0; index < c; index++) { const element = a[index]; let i = a.indexOf(element) a.splice(i,1) } console.log(a);删除...
2020-09-16 09:47:52 631
原创 子元素无法滚动问题--flex布局问题--better-scroll不能滚动问题,pc端可以滚动,切换到手机端不能滚动
有时候电脑页面可以滚动,而手机上却无法滚动的问题。很有可能是因为父元素只有一个子元素,而且父元素加了display:flex,猜测是flex布局固定死了子元素的高度,使得子元素无法被内部元素撑开,无法超过父元素高度而失去滚动效果。...
2020-04-20 11:34:30 2045 1
原创 vue 路由 有子路由的父级路由跳转到根路径
路由跳转时,如果直接使用 this.router.push(name/path:"xxx")将会跳转到子路由如果需要跳转到根路由时需要在path前加“”/“”this.router.push({name/path:"xxx"}) 将会跳转到子路由 如果需要跳转到根路由时 需要在path前加“”/“”this.router.push(name/path:"xxx")将会跳转到子路由如果需要跳转...
2020-01-16 17:46:17 3895
原创 promise
let promise= () =>{ return new Promise(resolve,reject) =>{ if(true){ ressolve(value) }else{ rejtct(err) } } } promise.then((value)=>{ //the...
2019-11-18 12:02:42 844
原创 Vue项目中出现Loading chunk {n} failed问题的解决方法
这应该是缓存的原因,当用户正在浏览网页时 服务器更新了代码就会出现这个报错当我在服务器保留了之前版本的代码 并且只在代码更新完才访问网页时就没出现过这个报错了当出现这个报错的时候其实只要再点击一次路由按钮就正常跳转了 可是会不定期出现这就很烦。如果想保证出现了这个报错仍然能够正常的跳转,可以监听路由报错然后进行处理https://segmentfault.com/a/11900000163...
2019-08-06 15:54:09 4668
原创 vue项目实现后退保持滚动条位置
需求是:a->b->ca页面和b页面都在前一个页面后退回来的时候保持之前离开页面时滚动条的位置因我的项目不止三个页面,并且有的页面不需要保持状态 所以我使用了路由元信息来判断页面是否需要保持状态首先在路由里添加keepAlive 为 true时页面需要保持状态 又因为a、b页面只有当他的前一个页面后退回来才需要保持而别的页面进入a、b页面是不需要保持的 所以又添加了isBa...
2019-07-02 17:09:06 1332 1
转载 sublime 无法下载插件
最近发现sublime装不到插件只需要在Preferences > Package Settings > Package Control > Settings - User页面加上以下代码即可: “channels”: [ “http://cst.stu.126.net/u/json/cms/channel_v3.json”, ] 就像这样: {...
2019-04-29 19:02:05 1048
原创 vue 动态绑定class style
在vue中 切换样式的话不需要操作dom 在class 或者style上切换会显得比较方便还有就是vue里面绑定的class是无法覆盖原class样式的class //三元表达 :class="isActive ? 'active' : 'no-active'" //判断绑定 :class="{ active: isActive }" //直接绑定 ...
2019-04-04 17:49:44 402
原创 chrome 73 版本出现无法滚动
前不久更新了chrome版本更新到了73,然后发现公司网站有些页面无法滚动经过调试后发现是浏览器版本原因导致。于是上网找了下73版更新了啥。后来发现是73版本修改了嵌套flex布局的原因。导致更新浏览器后出现bug。解决方法是在嵌套内容的那个盒子也就是内容的父元素加上最小高度 min-height:0;这样就可以解决了宽度问题也是同样方法解决。参考了知乎答主 蓝博 的文章https...
2019-04-02 11:29:13 1871
原创 使用新字符串代替旧字符串
可以使用str.replace()函数let str = “我是一串旧字符串”let b = “旧”let c = “新”let newStr = str.replace(b,c)
2019-03-15 18:37:27 637
原创 vue router-link中选中路由设置样式
在vue中 用css就可以给router-link设置样式.router-link-active{…}但有时候需要动态地修改 就需要给每个router-link一个标识,当他激活的时候绑定一个内联样式 &amp;lt;template&amp;gt; &amp;lt;div class=&quot;tabberWarp&quot; &amp;gt; &amp;lt;div cla
2019-03-05 14:43:41 7431 2
原创 vue 条件判断绑定内联样式
当需要判断条件来绑定内联样式时 可以三元运算符判断,然后绑定一个对象:style="!areaCode || !phoneNumber || !receivedCode || !verification ? '{backgruond:#ccc}' : $store.state.store.config.background" ...
2019-03-04 18:04:14 3959
原创 vue-i18n 在js中调用多语言数据
<div class="text">{{$t("store.home.title3")}}</div>{{}}中的意思其实是省略了this 所以在js中调用时,需要加上this this.categoryList =[ { id:null, category_name:this.$t("store....
2019-03-01 15:39:39 1447
原创 vue 默认子路由不生效
当一个路由配置文件里有定义了两个路由时,默认子路由会不生效export default [{path: ‘/store’,component: () =&amp;amp;gt; import(’@/page/store/index’),name:“xxxxx”,children: [{path: ‘’,redirect: {name: ‘storeHome’},},{path: ‘ho...
2019-02-27 15:42:09 5761
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人