zhangXiaoWei001-优快云博客

原创 vue 组件间的通信方式(全局事件总线）---兄弟组件传值

前言vue组件间的传值不同组件关系有不同的传值方式(父子组件间传值可是通过props来实现)，在此主要介绍兄弟组件间通信的一种方法（全局事件总线），同样这也是一种通用的组件间传值方式，适用于不止兄弟组件间传值。同样也适用于父子组件间的传值。一：注册全局事件总线（在main.js中添加注册）二：在提供数据的组件中发布一个自定义事件用来传递要传递的数据三：在需要数据的组件接收这个自定义事件，并且接收传递过来的数据(在mounted事件中接收数据，在beforDestroy中解绑当前组件用到的自定

2021-10-26 11:53:50 734

原创 VUE 动态绑定class类的三种常用方法及适用场景

前言在实际开发中，我们会经常遇到动态绑定class的情况，常见的情况可能有：1，根据不同的返回值渲染不同的class样式（也就是两个及两个以上的动态class选择使用）；2，UI在设计时对于某个模块的样式没有确定下来的时候我们去写这个模块（给了基础样式）；3，UI在设计对于某个模块的样式有很多样子，但不确定用是否全部使用时（给了基础样式）。针对这三种常见的情况我们在写页面样式时可已选择这三种常见的动态加载calss的方法。一：动态选择class样式（对象添加：情景一）<template&gt

2021-10-13 18:00:00 2609

原创小程序原生详解实现腾讯地图标点和路线规划和距离计算

前言一、开通腾讯位置服务在微信公众平台开通腾讯位置服务二、用开发者权限登录腾讯位置服务在我的应用中找到在你用的小程序下的key三、配置合法域名在开发管理中配置腾讯位置信息的合理域名四、代码详解1.wxml 文件<view class="container">  <map class='map' enable-3D="true" longitude='{{startLongitude}}' latitude='

2021-02-22 19:06:03 2450

原创 uniapp-app更新(去浏览器强制更新，和热更新)

前言由于我们的(Android)app更新是挂在第三方的，所以每次更新的时候都要去浏览器下载，这样用户体验很不好。这样就萌发了怎样去实现在app内部实现更新而不是重新下载新版本的念头。查阅资料后发现 HBuilderX提供了一个很好的解决方案，就是打包一个wgt包，用下载文件的方式实现app的热更新一、注意事项：打包好的wgt文件包放在自己的服务上。如果原来的用户还用的是去浏览器或者商店更新下载的方式的话，在这次版本发布之后必须让用户强制更新（也就是用原来的方法更新一次）后，再在以后的版本更新

2021-02-07 11:09:42 1784 1

原创 uniapp使用nativejs原生插入日历活动（Android）

前言前言：最近开发中要写一个类似boss直聘，接受面试之后，自动将面试时间地点等内容保存到系统日历中这样一个功能。使用步骤1.选择权限在manifest.json中的App权限模块勾选对日历操作的读写权限2.代码<template> <view class="content"> <image class="logo" src="/static/logo.png"></image> <view class="text-area"

2021-02-04 14:52:52 1898 11

原创小程序开发（五）getCurrentPages()实现页面返回后刷新当前页面（实例）

前言：界面展示：数据渲染界面(test1)test1.wxml<view> <block wx:for="{{datas}}" wx:key="id"> <view class="box"> {{item.name}} </view> </block> <button bindtap="click_btn">添加书籍</button><.

2020-09-28 11:59:43 628

原创小程序开发（四）微信开放能力---详解获取用户信息实现授权登录

获取微信开放能力及获取用户信息配置属性（button组件）open-type属性：获取微信开放能力bindgetuserinfo属性：用户点击该按钮时，会返回获取到的用户信息，回调的detail数据与wx.getUserInfo返回的一致，open-type="getUserInfo"时有效.wxml.js控制台打印是否允许授权用户信息的详细输出从控制台可以看出：拒绝------detail中就会提示：errMsg: “getUserInfo:fail auth deny”允许--

2020-09-26 17:34:25 895

原创小程序开发（三）自定义tabBar组件

前言：小程序内置的tabBar组件跳转后，底部的tabBar还是一直存在的。有时候我们点击tabBar后是希望跳到一个完整的界面，而不是还带有tabBar的界面。这时候我们就得自定义tabBar了。配置信息在 app.json 中的 tabBar 项指定 custom 字段。所有 tab 页的 json 里需声明 usingComponents 项，或者全局引入（在微信开发工具创建页面时，json文件中会自动生成，不用担心这个配置的问题）添加 tabBar 代码文件在文件的根目录下添加

2020-09-25 16:40:32 1334 2

原创小程序开发（二）---自定义组件，组件引用外部样式及插槽（slot）

自定义组件在小程序的components(组件)文件夹下新建一个文件夹，当然命名根据组件的功能，类型…来定义是最好的。这里选择新建的component,直接输入你要创建的组件名称就可以，不需要后缀，创建完成后会自动生成相关文件的。在.wxml文件中布局你要创建的组件<view class="modal" hidden="{{!modalShow}}"> <view class="panel"> <i class="iconfont icon-quxiao

2020-09-24 17:25:44 1150

原创小程序开发（一）iconfont图标引入

iconfont 图标引用https://www.iconfont.cn/将你所要用到的图标加入购物车打开购物车界面点击（添加至项目）新建项目名称点击确定进入我的项目点击（font-claas）然后点击（查看在线连接）

2020-09-24 17:23:54 492

weixin_37624974的博客