haosicx的博客

在子页面传输数据给父页面的时候 需要用到 uni.$emit()然后在父页面的onShow中使用uni.$on('函数名称', (res) => {})去接收那个函数的值但是会发现 子传父只触发了一次 但是onShow中的uni.$on执行了多次这是因为没有清除监听需要在合适的地方(函数结束的地方)uni.$off('函数名称')去清除这个监听即可...

最近在做一个uniapp项目 使用到了ucharts有个需求是自定义tooptip 于是我查询到了文档一开始看不懂啥意思搞了一会儿搞懂了结果

引入组件 import WzsAudio from '@/components/WZS-Audio/WZS-Audio.vue' components: { WzsAudio },使用方式<WzsAudio :music="Url" :autoplay="false" </WzsAudio>组件js文件 复制即可 文件名WZS-Audio<template> <view class="audio-page"> .

封装了一个组件<template> <view class="maskBody" v-if="isShow" @click="isShow = false" :style="{ zIndex: zIndex }" > <view class="buttonArea" @click.stop="noAct"> <view class="item" v-if="shareWith.weixin" @click

在做uniapp的时候需要用到tap页 但是uView的基础tap页是不支持左右滑动的 所以使用了tap-swiper组件但是这个组件必须包裹一个scroll-view 包裹后uniapp自带的下拉刷新就没了 必须使用scroll-view自带的下拉刷新才行但是做的时候出现了一个问题 scroll-view自带的下拉刷新 刷新后无法取消那个动画 我在网上也找了很多 都没有找到一个好的解决方案后来就自己搞出来了 虽然性能不太好 但是还是可以用的 思路如下 仅供参考 .

路由懒加载:使用() => import();的方式导入组件这样可以在进入当前路由的时候加载路由如果不使用懒加载 会在第一次进入页面后 一次性加载所有路由 所以首屏加载会慢如果一个项目过大 大量的使用路由懒加载会导致页面的热更新过慢推荐在开发环境下不使用懒加载 这样有利于开发的效率在生产环境可以使用路由懒加载通过process.env.NODE_ENV可以访问到当前是什么环境可以在utils文件夹下创建两个文件util.import.development.js文件里是

vue项目中自动滚动到最底部首先可以通过这个方法 获取到当前滚动的元素是哪一个这个方法定义script标签里 export default外面然后滚动的时候可以在控制台中打印出当前滚动的什么元素function findScroller(element) { element.onscroll = function() { console.log(element)} Array.from(element.children).forEach(findScroller);}