uniapp小程序跳转小程序（uniapp 小程序登录）

本文目录一览：

• 1、uniapp项目运行到微信小程序报错：Enable IDE Service

• 2、用uniapp转成字节跳动小程序后，important的属性没用

• 3、uniapp中微信小程序如何打开其他微信小程序

• 4、uni-app运行到H5正常，但运行到小程序不正常、报错总结

• 5、uniapp微信小程序跳转H5后video自动播放

• 6、uni-app项目中的页面跳转方式

uniapp项目运行到微信小程序报错：Enable IDE Service

       使用HBuilder X编写 uniapp  ，点击运行到微信小程序，微信开发者工具未运行打开，在控制台报错。

[微信小程序开发者工具] ? Enable IDE Service (y/N) [27D[27C

[error] 工具的服务端口已关闭。要使用命令行调用工具，请在下方输入 y 以确认开启，或手动打开工具 - 设置 - 安全设置，将服务端口开启。

第一步：按照提示操作输入Y，可是一直输入不进去，于是放弃。

第二步：按照提示尝试微信开发者工具设置服务器端口。

打开服务端口，返回HBuilder X重新运行编译。

到此运行成功，问题解决。

踏出uniapp第一步。

用uniapp转成字节跳动小程序后，important的属性没用

之前转成百度小程序的时候，要自定义轮播高度，就在样式上写了固定高度用important加权重。结果转成抖音小程序后没用。

后来看了社区有人也遇到这个问题，是要在!important之前加上空格后才可以。

社区问题地址：

uniapp中微信小程序如何打开其他微信小程序

1.打开美团外卖小程序中某个商家店铺的页面，点右上角的胶囊按钮的三个点

2.点「美团外卖」

3.点「更多资料」，可以看到AppID，复制即可

1.打开小程序后台

2.搜索小程序名称

3.进入下一步

4.复制页面路径

5.得到的路径类似如下

6.使用路径

uni-app运行到H5正常，但运行到小程序不正常、报错总结

同级多个 v-for 时 key 的值是不允许重复的，key 的绑定是不支持表达式的，需要按照以下方式处理。

控制台"Cannot read property 'globalData' of undefined"

解决办法：将getApp()替换成this

以上错误的写法编译都会不通过

问题应该出在(item.title || '').length，其中(item.title || '')得到的结果有问题

解决办法：加入in(this)

原因：h5引用组件会渲染成uni-view标签，而小程序直接是comp-a标签，此时虽然显示设置了样式，但不会渲染出来

解决办法：在子组件中设置好样式，或者用/deep/ 对子组件下的节点设置样式

解决办法：在父组件修改对象的数据，不要在子组件操作，网上说是微信小程序无法直接操作props里的对象

1.竖向的列表，使用的view的滚动，并设置overflow-y:scroll;滑动列表然后点击列表某一项跳转详情后，再回到列表页，view总是回到了顶部，和 这个问题 一样。

解决办法：

使用scroll-view替换view，设置scroll-y=true，但也产生了一个问题，scroll-view的宽度默认继承父级元素的宽度（屏幕宽度），并不是等于所有子集元素的和，因此需要动态设置scroll-view的宽度

2.uni设置scroll-top为0无效

uniapp里面使用scroll-view 组件，动态设置scroll-top 属性来控制滚动高度，但是当想滚动到起始位置时 设置动态值为0 时无效的

解决办法：

首先要定义一个变量记录滚动条的位置

用 @scroll="scrollChange" 监听 滚动条变化

定义一个变量 存滚动的位置，当需要滚动到 初始值的时候

先将滚动的当前高度赋值给scrollTop 然后设置为0 就有效果了

uniapp微信小程序跳转H5后video自动播放

1.在跳转到H5上面 autoplay 无效。

2.网上搜索过各种方法，目前各大厂也需要用户点击方可播放，但是如果加上muted=true 静音播放，在跳转过来变可以自动播放了。

但是需要手动来开启声音。还是不推荐使用，通常处于用户体验，节省流量来考虑的话，一进来还是手动点击才人性化。最好尽量引导手动点击。

3.参考

uni-app项目中的页面跳转方式

官方详情介绍

uni-app的页面跳转只能跳转本地页面，且目标页面必须在pages.json中注册。跳转方式与小程序/vue的极为相似，只是方法和标签有所不同，分为 和 两种。

类似Vue的 router-link 标签

类似Vue router.push({ path: 'xxx' }) 方法，uni-app提供了6钟不同的跳转方式，以 uni.xxx 方式调用。

官网详情

保留 当前页面，跳转到应用内的某个页面，可使用 uni.navigateBack 返回到原页面

object参数说明（其他跳转方式的参数与之大同小异）：

接收数据（其他跳转方式的接收参数方法与之相同）：

关闭 当前页面，跳转到应用内的某个页面 ，可理解为重定向页面

关闭所有 页面，跳转到应用内的某个页面

注意： 如果调用了 uni.preloadPage(OBJECT) 不会关闭，仅触发生命周期 onHide

跳转到tabBar页面，并 关闭所有非tabBar 页面

注意： 如果调用了 uni.preloadPage(OBJECT) 不会关闭，仅触发生命周期 onHide

返回上一页面/多级页面。可通过 getCurrentPages() 获取当前的页面栈，决定需要返回几层

预加载页面，是一种性能优化技术。被预载的页面，在打开时速度更快。

平台差异说明：

H5 平台：

预加载 /pages/test/test 对应的js文件，不执行页面预渲染逻辑

App-nvue 平台：

预加载nvue页面 /pages/test/test

注意事项

e.g.

HBuilderX 2.7.12+的hello uni-app，在navigator示例和uni ui的日历示例中增加了页面预载示例。

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。