是个前端
码龄1年
  • 5,404
    被访问
  • 7
    原创
  • 270,068
    排名
  • 1
    粉丝
关注
提问 私信
  • 加入CSDN时间: 2021-01-21
博客简介:

HWJBJ的博客

查看详细资料
  • 1
    领奖
    总分 41 当月 5
个人成就
  • 获得10次点赞
  • 内容获得4次评论
  • 获得20次收藏
创作历程
  • 7篇
    2021年
成就勋章
兴趣领域 设置
  • 前端
    vue.js
  • 微软技术
    typescript
  • 小程序
    小程序
  • 最近
  • 文章
  • 资源
  • 问答
  • 帖子
  • 视频
  • 课程
  • 关注/订阅/互动
  • 收藏
搜TA的内容
搜索 取消

uni-app 使用 uni-simple-router 遇到小程序端只有进入的时候触发

首先官方已经说明,不可以拦截原生tabbar, 解决办法是使用自定义底部导航我这边遇到的问题是,我跳转需要拦截的并不是tabbar,因为知道官方不支持,所以是在非导航页跳转的,引入以后发现只有一进来触发的路由拦截,后面跳转页面并没有触发,原因是: 我使用跳转路由是uni.navigateTo({url:’/pages/detail/detail’})改成this.$Router.push({name: ‘detail’})这样就可以了...
原创
发布博客 2021.10.25 ·
219 阅读 ·
0 点赞 ·
0 评论

移动端调起微信支付

调起微信支付WeixinJSBridge 是内置对象只能在微信浏览器中使用methods: { async onBridgeReady () { //拿到支付配置信息 let res = await this.getPayConfig() let that = this if (res.code === 0) { // eslint-disable-next-line no-undef WeixinJSBridge.invoke
原创
发布博客 2021.08.06 ·
116 阅读 ·
0 点赞 ·
0 评论

vue移动端 调起微信扫描

1、安装 npm install weixin-js-sdk -S2、在需要的地方引入import wx from 'weixin-js-sdk'3、调用methods: { async takePhoto () { let that = this Toast('正在调起扫描功能') // 拿到配置信息 let res = await this.GetSMConfig(setting.base + '/about') if (r
原创
发布博客 2021.08.06 ·
91 阅读 ·
0 点赞 ·
0 评论

前端页面滚动时固定导航栏

vue + vant1、如果导航栏就在顶部时,只需样式固定在顶部就好2、但是想要固定的部分,不在导航栏,需要页面滚动到导航栏时固定,划回去的时候又不要固定时,可参考以下代码 Video_2021-08-06_102128 html部分<!-- 上面有一些其他显示的东西--><div id="yj_bot"> <!-- 需固定区--> &
原创
发布博客 2021.08.06 ·
707 阅读 ·
1 点赞 ·
0 评论

Video_2021-08-06_102128

发布视频 2021.08.06

Vue项目中动态给svg 中 xlink:href 属性赋值

Vue项目中动态给svg 中 xlink:href 属性赋值在vue项目中有这样需求: 需要将svg中xlink:href 属性 通过传值的方式,修改图标名字绑定属性的时候我们总是习惯使用 (:属性)的方式,但是对与 “xlink:href” 这样结构的属性,(:xlink:href)是没用的, 所以使用(v-bind:xlink:href)就可以啦<template slot="name" slot-scope="text, record"> <svg class="icon
原创
发布博客 2021.04.23 ·
2725 阅读 ·
3 点赞 ·
0 评论

Vue + lib-flexible + postcss-px2rem-exclude实现移动端适配

Vue + lib-flexible + postcss-px2rem-exclude实现移动端适配vue版本 2.6.xlib-flexible 安装这个插件,可以实现 随着屏幕宽度大小,动态修改html 根节点 字体postcss-px2rem-exclude 安装这个插件,可以将项目中px 单位修改为rem// 第一步安装 lib-flexible npm install lib-flexible --save// 第二步main.js 引入lib-flexibleimport 'l
原创
发布博客 2021.03.03 ·
88 阅读 ·
0 点赞 ·
0 评论

使用uni-app + vant-weapp 发布到H5以及小程序遇到的问题

使用uni-app + vant-weapp 发布到H5以及小程序遇到问题记录欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章,了解一下Markdown的基本语法知识。新的改变我们对Markdown编辑器进行了一些功能拓展与语法支持,除了标准的Markdown编辑器功能,我们增加了如下几点新功能,帮助你用它写博客:全新的界面设计 ,将会带来全新的写作体验;在创作中心设置你喜爱的代码
原创
发布博客 2021.01.21 ·
1298 阅读 ·
6 点赞 ·
4 评论