在vue项目中往往有这样一个需求，在初始化时需要给某个容器的scrollTop设置一个值，一开始的想法是在created或者mounted中改变 scrollTop 的值，但是却出现了几个问题。问题1：使用在created或者mounted中使用this.$refs.xxx获取不到容器原因：在created或者mounted生命周期，页面刚挂载，还未完成渲染，获取不到dom节点。同样使用$ref无

1、watch或者computed监听到数据的变化但是页面却没有实时更新在数据改动的代码后加this.forceUpdate()。添加this.forceUpdate()。添加this.forceUpdate()。添加this.forceUpdate();进行强制渲染，效果实现。因为数据层次太多，render函数没有自动更新，需手动强制刷新。2.没有监听到数据的变化例如：改变了数组中的某一项或者改

1、forEach跳出本次循环可使用return语句跳出本次循环，执行下一次循环var arr = [1,2,3,4,5,6]arr.forEach((item) => {if (item === 3) {return}console.log(item)})将输出 1 2 4 5 6，3不会输出2、forEach终止循环forEach无法通过正常流程(如break)终止循环，但可通过抛出异常

在用scroll-view的时候：用手机模拟器和小程序查看的时候并没有出现滚动条，真机运行的时候出现滚动条，用h5直接看的时候出现滚动条，我发现的解决办法有两种：1.在app.vue的style里面外部链接base.css 这种办法比较适配，控制所有滚动条<style>@import url("./base.css");</style>在base.css中::-webkit

uniapp项目中，有时候可能会有很多的静态资源图片，这可能会造成主包的体积过大、影响首页加载效率、超出2M限制等问题，而又不想将图片上传到服务器，这时候可以采用uniapp提供的分包加载机制,本文对如何使用分包加载不做过多介绍，只对 分包后 的图片加载异常做详细解说。图片加载不出来的原因？在正式解决问题之前，我们先来了解一下出现问题的原因，如下图，我在pagesA分包内创建了一个static文件

问题： canvas绘制完成后，无法进入canvas.draw的回调函数原因：由于绘制速度太快解决：方法一： 在draw外套个setTimeout方法二：this.ctx.draw(false, setTimeout(()=>{console.log(3)},300))原文链接: https://www.jianshu.com/p/3a21c4edacf5...

参考：官网uni-app导航栏开发指南。1.1 原生导航栏-通用配置(1) 原生导航优点原生导航的体验更好，渲染新页面时，原生导航栏的渲染无需等待新页面dom加载，可以在新页面进入动画开始时就渲染。原生导航还可以避免滚动条通顶，并方便的控制原生下拉刷新。通过pages.json的配置，可以简单的、跨端的、高性能的开发业务。(2) 原生导航缺点原生导航栏的扩展能力有限的。尤其是微信下，没有提供太多导

小程序端是没有dom的，那么在uniapp中怎么获取元素的高度等信息uniapp提供了对应的api方法，开发者直接调用即可，如下：// select中的参数就如css选择器一样选择元素let info = uni.createSelectorQuery().in(this).select(".scrollbox");info.boundingClientRect(function(data) {/

今天做项目的时候发现，明明this.$refs里面有东西，如下图，但是打印this.$refs.xxx的时候却是undefined，如下图打印this.$refs:console.log(this.$refs)但是打印this.$refs.directory和this.$refs.postHeader的时候却是这样的console.log(this.$refs.directory)console.

1、forEach跳出本次循环可使用return语句跳出本次循环，执行下一次循环var arr = [1,2,3,4,5,6]arr.forEach((item) => {if (item === 3) {return}console.log(item)})将输出 1 2 4 5 6，3不会输出2、forEach终止循环forEach无法通过正常流程(如break)终止循环，但可通过抛出异常