纸鸢的博客

在数据渲染中判断某值是否属于某数组在数据渲染中出现同一情况有多个值时常用的判断方式，可以用此方法判断数组中是否存在某个值作为条件来达到渲染的目的。因为此方法判断数组中是否存在某个值，如果存在返回true，否则返回false。<div class="profit-w-b flex-row" v-if="walList" v-for="(item,idx) in walList" :key="idx"> <div class="p-icon"> <img v-if="[0

uni-app 获取应用缓存大小并清除缓存计算应用已使用的缓存数据大小清除应用的缓存数据计算应用已使用的缓存数据大小// #ifdef APP-PLUS let self = this; plus.cache.calculate(size => { if (size < 1024) { self.cacheSize = size + 'B'; } else if (size / 1024 >= 1 && size / 1024 / 1024 &

监听系统通知栏消息，图标消息提示监听系统通知栏消息 // 监听系统通知栏消息点击事件 plus.push.addEventListener( "click", function(msg) { console.log("click:" + JSON.stringify(msg)); this.$tips("通知:" + JSON.stringify(msg)) }, false );消息提示 // 监听透传消息事件

1、uniapp小程序中跳转第三方地图 address: function(item) { const address = item.address; const latitude = Number(item.latitude); const longitude = Number(item.longitude); uni.getLocation({ success(res) { uni.openLocation({ latitude: latit

1、首先进入到manifest.json的App启动界面配置，Android启动界面设置选择自定义启动图，如下图所示2、由于打包后要适配不同手机的分辨率，我们又不能给每一个手机型号的屏都切一张图片，所以就有了这种可拉伸的.9.png图片的诞生。这种图片可以自己定义想要拉伸的区域。制作工具可以选择android studio，详细教程可以点击后面的【教程】查看；当然除了用Android studio也可以用在线制作工具制作（网址：http://romannurik.github.io/AndroidAs

uni.chooseLocation({type: ‘gcj02’,geocode:true,success: function (res) { console.log(res) that.adds = res.address;let point = new plus.maps.Point(res.longitude,res.latitude);plus.maps.Map.reverseGeocode(point,{},function(event){var address = even

uniapp中实现简易计算器主要问题：在计算器的实现过程中会遇到小数点计算精度；此计算器是依赖了uni-popup的弹出层插件，可在uniapp官方组件中查找扩展插件popup弹窗层下载，也可直接点击该（https://ext.dcloud.net.cn/plugin?id=329）链接直接下载计算器效果图HTML源码<template> <view class="uni-popup-calculator"> <view class="uni-popup-ca

定义一个canvas文本<canvas class="myCanvas" canvas-id="myCanvas" ></canvas>初始化canvaslet testCanvas = uni.createCanvasContext('myCanvas',that);开始绘制/*** img 图片路径，可线上图片也可本地图片* offsetLeft x轴偏移量* offsetTop y轴偏移量* canvasW canvas宽* canvasH.

1、定义canvas<canvas class="myCanvas" canvas-id="myCanvas" :style="{width:canvasW*2+'rpx',height:canvasH*2+'rpx'}"></canvas>2、设立背景图和根据点击位置确认图片位置<view class="test-box" v-if="canvasShow" :style="{height:pageH+'px'}"> <view class="test

1、实现滚动到底部加载数据的效果查看官网组件详情https://uniapp.dcloud.io/component/scroll-view<swiper> <swiper-item> <scroll-view scroll-y="true" enable-back-to-top="true" @scrolltolower="scrollToLower"> <view></view> </scroll-view>

uniapp热更新问题注意：保持打包好的apk包和wgt包的打包环境一直，也就是注意HBuilder的版本问题，每次打包前 应用版本名称 和 应用版本号 都必须 +1做好判断，不要重复更新wgt包下面是简单的代码示例，如有需要请根据具体情况做好条件判断：//热更新 plus.runtime.getProperty(plus.runtime.appid,function(widgetInfo){ console.log(widgetInfo); let versionNum =

方案一：其中使用了mui，mui在5+ 环境下会自动接管返回逻辑，建议在外部网站中，增加关闭mui的返回监听，如下代码：mui.init({ keyEventBind: { backbutton: false //关闭back按键监听 } });方案二：注释mui.js,不使用这个框架参考资料：https://ask.dcloud.net.cn/question/69590...

uniapp pages.json中配置导航栏自定义图标uniapp打包App和H5配置导航栏自定义图标，fontSrc的路径必须是 /xx/xx.ttf ，当然如果你只需要适配Android和iOS你可以写成 xx/xx.ttf 也是可以的，但这样是不能适配到H5网页版的, { // 活动视频 "path": "pages/video_detail/video_detail", "style": { "navigationBarTitleText": "活动视频",

uni-app组件失效解决方案1、在官网找到该组件，拷贝官方dome到一个新的项目中，并运行2、如果dome正常运行，则说明是自身代码问题；如果dome也不能正常运行，则为HBuiderx版本问题3、如果出现第一种问题，建议仔细与官网dome对照查看代码，如果没问题就查看是否是其他影响；如果出现第二种问题，则需查看HBuiderx的版本问题，如果是最新版则切换到上一个版本，如果不是可以更新到...