- 博客(15)
- 收藏
- 关注
转载 微信公众号H5页面开发怎么获取用户openid
因为h5页面不在公众号内,想要获取openid就必须跳转到微信官方给的链接上,然后链接上会带有code跳转回来,我们将code从链接上截取下来传给后端,前端是不能直接获取openid的。首先,需要用到公众号的appid,其次需要去公众号里配置好h5页面的域名,就不进行过多介绍了,我们直接上代码。这来需要注意,appid是需要手动填写的,还有redirect是当前页面的地址,获取成功来的地址。授权有两种方式,一个是静默授权一个是需要用户手动授权,具体区别可以去微信公众平台查看。...
2022-08-29 16:12:33 1007
原创 uni-app,一段文字实现展开、收起全文点点点
2.首先加载页面时,根据文字总长度判断是否超出自定义行数,来处理相应的数据,多余自定义行数,截取对应的文字个数做显示。1.根据文本显示的布局中,每行大致能显示的文字个数。(实例是大致每行26个文字)
2022-08-22 10:17:15 936
原创 vant Grid组件图片加载问题 无法加载本地图片解决方案
我们引入图片直接用官网给的icon来加载案图片。然后我们图片地址得用require包一下。
2022-07-22 11:23:17 1507
原创 uniapp HBuilderX 无线连接手机调试
3cmd命令执行以下命令”adbconnect192.168.2.157“(192.168.2.157为Android设备的IP地址)。此时拔出USB线,adb通过wifi调试Android设备。如果需要恢复到USB数据线,可以在命令行输入adbusb,也可以adbdisconnect192.168.2.1575555。3.adbwifi连接成功后应该拔出USB线,不然出现adb同时连接两个设备的问题。1Android设备开启USB调试,并且通过USB线连接到电脑。...
2022-07-20 14:21:10 3272
原创 css 点击穿透 pointer-events: none;一般用于遮罩
通常我们用遮罩后会覆盖到一些需要点击的事件例如:此时mask类名的元素就会遮挡住demo类名的元素,而且demo类名的aaa点击事件也就无法点击了。而pointer-events: none;就是让aaa这个点击事件可以继续能够点击到,还不影响mask的遮罩。...
2022-07-14 18:02:55 673
转载 vue中组件之间传值的六种方式(完整版)
组件是 vue.js 最强大的功能之一,而组件实例的作用域是相互独立的,这就意味着不同组件之间的数据无法相互引用。一般来说,组件可以有以下几种关系:如上图所示,A 和 B、B 和 C、B 和 D 都是父子关系,C 和 D 是兄弟关系,A 和 C 是隔代关系(可能隔多代)。 针对不同的使用场景,如何选择行之有效的通信方式?这是我们所要探讨的主题。本文总结了 vue 组件间通信的几种方式,如 、、vuex、、 和 ,以通俗易懂的实例讲述这其中的差别及使用场景,希望对小伙伴有些许帮助。 本文的代码请猛戳
2022-07-14 14:45:14 31629
原创 基于el-cascader实现省市二级联动,全选和取消全选
需求:需要在城市列表最上方,增加“全选”选项,点击全选,选中列表所有城市,再次点击取消全选1.html部分props:{ multiple:true, value: "adCode",//接口返回的是adCode label: "cityName",//接口返回的是cityName,对应的是每个选项显示的文字 children: "children", },2.js部分(1)首先,接口返回的数据,如果不符合el-
2022-07-01 14:14:09 1271 1
原创 vue中添加一键复制功能
本地安装vue-clipboard2插件使用命令在terminal终端输入 ;在需要使用的页面使用由于我本来的需求是一键复制展示表格中某列值的内容,而因为这列值都是一个个链接,所以我在字段中展示末尾添加了一个按钮用来做点击一键复制使用。效果如下:在使用的地方不同的话,注意自己调整代码。这里有个小插曲。就是上图中的icon怎么都不出现,但是更换了其他的icon也是有的有,有点又没有。经过查阅,原来是因为element-ui更新版本的问题,在本地package.json里面看了下element-ui引入的版本是
2022-06-17 18:41:08 576
原创 阿里图标库的使用
1、进入阿里巴巴图标库网站http://www.iconfont.cn/2、搜索想要的图标3、选一个需要的图标加入购物车4、右上角找到购物车的图标将图标,点击添加至项目,放到项目中,之前没有项目要新创建一个5、然后我们会跳到我们图标所在的项目中,注意红色框框的部分,一个是fontclass,我们要选中它,然后图标的下方会出现一些ico-开头的一些类名,我们要用到。6、点击更新代码,会出现新代码7、将生成的代码链接到本地项目的index.html下,就可以了8、然后i标签的class就可以直接使用啦...
2022-06-15 17:37:08 8273 8
原创 Vue生命周期钩子函数
beforeCreate在实例初始化之后,数据观测(dataobserver)和event/watcher事件配置之前被调用。在当前阶段data、methods、computed以及watch上的数据和方法都不能被访问###created**实例已经创建完成之后被调用。最早发送请求因为可以最早操作data中的数据以及methods方法在这一步,实例已完成以下的配置:数据观测(dataobserver),属性和方法的运算,watch/event事件回调。这里没有$el,如果非要想与Dom进行交互,可以通过vm
2022-06-14 22:29:52 96
原创 常用 null和undefined区别
undefined 表示不存在这个值。undefined :是一个表示"无"的原始值或者说表示"缺少值",就是此处应该有一个值,但是还没有定义。当尝试读取时会返回undefined例如变量被声明了,但没有赋值时,就等于undefinednull 表示一个对象被定义了,值为“空值”null :是一个对象(空对象,没有任何属性和方法)例如作为函数的参数,表示该函数的参数不是对象;在验证 null 时,一定要使用===,因为==元法分别 null 和 undefin
2022-06-13 19:42:33 66
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人