在组件component中调用接口，但是接口的this指向确undefined，解决方法如下： 在组件中调用接口，有2种解决方法，一种是通过bind改变this指向，一种是通过箭头函数改变this指向； 通过bind来改变this指向，bind返回的是一个函数，这个函数可以作为回调函数 call.request('assessResult/calculateScore', this.data.checkExpert, "POST", '', this.success_getScore.bind(this), this.fail_getScore); 通过箭头函数来改变this指向，...
先看代码，您将看到以下的效果，图片来源于网络Uview框架，这意味着您直接复制粘贴即可使用不需要做特殊的处理，当然，如果下半部分的商品介绍信息不符合您的UI 我已提供了可以更改的大盒子，他自己没有高度，您可随意自定义。 <template><view class="Index"><!-- 瀑布流布局列表 --><view class="pubuBox"><view class="pubuItem"><view class="item-masonry" v-for="(item, index) in comList" :key="index"><image :src="ite...
uni-app中微信小程序端使用腾讯地图API实现定位、搜索位置 uni.chooseLocation() 需求：需要点击选择地址，唤起地图，定位当前位置，并支持搜索地址，并回填位置信息，获取经纬度。 刚接触uni-app还是有点懵的，虽然语法跟vue一样，但API大多不了解，并开始了一段百度之旅，搜索了若干结果，大多使用uni-app Map地图组件，需要先用户授权，然后获取用户位置信息，然后地图转到用户位置经纬度；实践后发现，地图无搜索地址功能，又开...
在小程序中我们一般用this.setData来改变data中的值但有的时候会出错，我们拿一个错误的例子来说明一下 doCalc:function(){wx.request({url: url,method:'POST',header: {'content-type': 'application/json' // 默认值},success: function (res) {if (res.data.code == 0){this.setData({maxCount: res.data.maxCount});}}})} 在这种情况下，会进行报错 因为this作用域指向问题 ，success函数实际是一个闭包 ， 无法直接通过this...
全局逻辑文件：app.js App({//onLaunch()——监听小程序初始化,当小程序初始化完成时，会触发onLaunch（全局只触发一次）onLaunch() {// 展示本地存储能力，对logs进行初始化，通过wx.getStorageSync('logs')获取本地缓存中指定的 'logs' 对应的数组，第一次会返回一个空数组//本地缓存可在调式器的Storage中看到key--logs和对应数组const logs = wx.getStorageSync('logs') || []//对 logs 进行数组更新，在数组头部添加一个格式化...
1.微信小程序的介绍 1.1. 为什么是微信小程序 ？微信有海量??，?且粘性很?，在微信?开发产品更容易触达??； 推?app 或公众号的成本太?。 开发适配成本低。 4. 容易?规模试错，然后快速迭代。 5. 跨平台。 1.2. 微信小程序历史2016年1?11?，微信之?张??时隔多年的公开亮相，解读了微信的四?价值观。张??指出， 越来越多产品通过公众号来做，因为这?开发、获取??和传播成本更低。拆分出来的服务号并没 有提供更好的服务，所以微信...
1.setData 小程序视图层和逻辑层在两个独立的模块，并不具备数据直接传递的，setData相当于他们的桥梁。常见的setData操作错误有三种。 （1）频繁的去setData：在开发过程中，尽量少的去setData，大量的setData数据会导致页面卡顿或下拉延时等。 （2）setData大量新数据：我们从setData底层可知，每次setData都会生成一个脚本，数据量大会导致脚本的编译执行时间太长，占用webView js 线程。 （3）后台态页面进行setData：...
解决方案：1、判断导致该错误具体代码位置<HomeBanner img="http://www.youbaobao.xyz/book/res/bg.jpg"title="hello world"subTitle="立即体验"@onClick="onBannerClick"/>{注释有可能出现错误的代码片段，查看该错误提示是否还存在}2、找到错误代码片段，查看DOM结构 初次加载img 为 undefined3、可以通过计算属性来消除错误原代码片段<div class="bg-img":style="{backgroundImage:'url('+img+')'}"><div class="title">{{title...
小程序简介 问卷调查、投票、信息收集、信息统计、群统计、群报名、活动报名接龙统计等，支持加密问卷调查，支持一键导出Excel。 广告收入截图小程序适合人群和受众 学校老师、班主任，培训机构负责人，驾校教练，或者其他有这方便的资源团体机构，可以方便可以给学生、学员等发送问卷调查。学生、学员完成问卷的同时可能会点击小程序上面的广告，可以获得广告收入。 问卷调查小程序效果详情 可以微信扫码查看小程序效果：服务器端...
打开微信小程序后，发现有个warning canvas 2d 接口支持同层渲染且性能更佳，建议切换使用。 详见文档：https://developers.weixin.qq.com/miniprogram/dev/component/canvas.html#Canvas-2D-%E7%A4%BA%E4%BE%8B%E4%BB%A3%E7%A0%81 以上是官网给出的方案。 还记得在开发的过程，一开始是这样的，在UI里渲染了一个二维码的图片， 然后点击二维码图片以后呢，会弹出一个对话框。 我发现这样对话框在弹的时候，竟然原来界面的二维码图...
如果容器有固定的宽度，加入 以下代码即可。 view {overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }如若容器不需要有固定的宽高，只需加入以下代码即可。 无需指定高度，只需指定最多显示几行，属性 -webkit-line-clamp。 本示例中最多显示3行，超出3行后，在第三行末尾用省略号代替显示。 view {display: -webkit-box;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: ver...
文章涉及技术点微信小程序原生Swiper控件 Wxss Transform、Transition 轮播条滚动回调控制 微信小程序条件渲染、列表渲染我们需要自己实现的功能自动滚动+手动拖拽 （原生组件帮我们完成 Property：autoplay） 面板指示点 （原生组件帮我们完成 Property：indicator-dots） 左右可以露出非Active状态图的边缘（即Quiet状态， 后文class会以这两个名字定义） （原生组件帮我们完成 Property：previous-margin、next-margin） 图片滚...
从A页面进入B页面再从B页面携带参数返回到A页面 B页面要带到A页面的参数 1 //返回上页面并携带参数2 let pages = getCurrentPages();3 let prevPage = pages[pages.length - 2];//上一页面4 prevPage.setData({5 mydata: true, //放回上一页携带的参数6 })7 setTimeout(() => {8 wx.navigateBack({9 delta: 1 //返回的层级 10 ...
效果展示通过腾讯地图的经纬度转换接口将小程序中获取的经纬度转为具体的地址显示在界面上。地图集成在腾讯地图的开发者页面注册应用获取key申请地址：申请密钥 填写相关信息后生成 key我这里已经创建好了，复制下面的 key到微信小程序的js代码中发送请求即可返回当前定位的经纬度坐标，最后根据 坐标拾取器 将经纬度转为具体的地址信息：展示位置 home.wxml的布局代码如下：address 表示地址信息，searchTip 表示搜索框的提示信息...
1. 与服务号、订阅号的不同 微信小程序和服务号、订阅号不一样，小程序是没有关注功能的，对用户来说需要通过搜索才能进入小程序。但是对于商家开说，这就不是好事了，因为你无法群发消息，因为你没有关注的用户。 2. 开发语言不是HTML 之前我们一直说小程序使用的事HTML的语言开发的，但是其实也不是，微信小程序开发是使用 Javascript, CSS, XML集合语言。还提供了各种只带的组件和API。 微信小程序和HTML是不兼容的，网页的代码...