mpvue小程序开发tips(1)

wx.setStorageSync(‘vipId‘,vipId)-----存储

wx.getStorageSync(‘vipId‘)-------读取

wx.navigateTo({ url: `/pages/detail/main?id=${id}` })-------页面之间跳转传递参数

如果需要传递整个对象,如下:

goPage (item) {

let obj = JSON.stringify(item)

wx.navigateTo({ url: `/pages/detail/main?obj=${obj}` })

}

let { id }= this.$root.$mp.query------取出页面之间跳转时传递的参数

let { obj } = this.$root.$mp.query

this.item = JSON.parse(obj)

原文地址:https://www.cnblogs.com/yfgg/p/10558573.html

时间: 2024-08-30 13:45:21

mpvue小程序开发tips(1)的相关文章

第一个mpvue小程序开发总结

前言 说起小程序,其实在去年我都还只试着照着官方文档写过demo的,不过现在这家公司小程序做得比较多,我来之后也参与了几个小程序的开发了,最开始那几个是用的wepy,最近一个开始转用mpvue开发,最近这个项目终于上线了,我也来试着总结回顾一波吧. 关于框架的选择 我刚来现在的公司时,我就了解过有一个小程序框架叫mpvue被美团开源了,有过一个大致的了解.来了公司之后了解到我们公司已经有了一套自己的小程序技术栈那就是基于wepy的,而不是原生小程序,毕竟我们要开发的小程序不是简单的几个页面,而且

mpvue小程序开发中配置less支持

问题 开发小程序选定了mpvue框架后,然后是选择理想的小程序组件库,我选择的是Vant Weapp.但是,在Vant Weapp组件毕竟也是有限的,实际问题可能复杂得多.因此,把Vant Weapp组件与小程序原生组件(如swiper等)联合使用,甚至是开发自定义组件都是可能的.另一方面,使用Vant Weapp组件类似库的一个好处是,很大情况下,可以不必关注CSS样式的编写,但也不尽然.今天就遇到这样一个问题. 在mpvue框架时,我自然地使用了官方提供的mpvue-quickstart模板

mpvue小程序开发入门级指南

报错指南 "Error: ERR_GET_SESSION_KEY {"code":5100,"message":"(-1)服务内部错误,请稍后重试或联系客服人员解决." 解决: https://blog.csdn.net/shine_a/article/details/86749030 mpvue编译时出现 "未找到入口 app.json 文件,或者文件读取失败,请检查后重新编译."错误 改变根目录project.c

mpvue小程序开发之 集成第三方UI框架Vant Weapp UI

集成进第三方的UI框架其实很简单 这里把vant-weapp的dist目录重命名为vant-weapp放在项目根目录的static文件夹下: 在src文件夹下,即我们写vue代码的位置,正在编写的页面中添加main.json文件(vue代码编译成小程序代码时会直接使用这个文件) { "usingComponents": { "van-button": "/static/vant-weapp/button/index" //这个路径是指根目录下st

mpvue 小程序开发爬坑汇总

<!-- 小程序的爬坑记录 --> 1 微信小程序之动态获取元素宽高 var obj=wx.createSelectorQuery(); 2 微信小程序图片自适应 <image class="themeImg" :src="themeImg" mode="widthFix" /> mode设置为widthFix 宽度100% 3.小程序上拉加载 下拉刷新 4.通过 this.$root.$mp.query 进行获取小程序在

微信小程序开发tips

1.wx:for渲染后传值问题: 用wx:for渲染后,如果想在绑定的事件中获取点击项中的数据,则在wx:for的标签的属性中要加入data-item属性,具体如下: a.wml文件 <view wx:for="{{MeetingRoom}}" bindtap='fordetails' data-name="{{item.name}}"> <view > <view > <view >{{item.name}}<

mpvue体验微信小程序开发

微信小程序 https://developers.weixin.qq.com/miniprogram/introduction/index.html?t=18082114 微信小程序是一种全新的连接用户与服务的方式,它可以在微信内被便捷地获取和传播,同时具有出色的使用体验. 概览 为了帮助开发者简单和高效地开发和调试微信小程序,我们在原有的公众号网页调试工具的基础上,推出了全新的 微信开发者工具,集成了公众号网页调试和小程序调试两种开发模式. 使用公众号网页调试,开发者可以调试微信网页授权和微信

小程序开发总结一:mpvue框架及与小程序原生的混搭开发

mpvue-native:小程序原生和mpvue代码共存 问题描述 mpvue和wepy等框架是在小程序出来一段时间之后才开始有的,所以会出现的问题有:需要兼容已有的老项目,有些场景对小程序的兼容要求特别高的时候需要用原生的方式开发 解决思路 mpvue的入口文件导入旧版路由配置文件 公共样式 字体图标迁移 app.wxss -> app.vue中less(mpvue的公共样式) 旧项目导入 旧项目(native)拷贝到dist打包的根目录 这个要注意的就是拷贝的旧项目不能覆盖mpvue打包文件

微信小程序开发——进阶篇

由于项目的原因,最近的工作一直围绕着微信小程序.现在也算告一段落,是时候整理一下这段时间的收获了.我维护的小程序有两个,分别是官方小程序和一个游戏为主的小程序.两个都是用了wepy进行开发,就是这个: 由于是进阶篇,所以一些有关于开发基础的我就直接跳过,直接讲我最近遇到的几个需求场景.写的急,可能顺序有一些乱,还请见谅! 用什么框架开发小程序? 现有的比较公认的有3个小程序开发框架: 原生.wepy.mpvue.3者个有利弊: 原生框架:微信的亲儿子,可直接在微信开发者工具中开发,方便调试,结构