小程序 常用记录_youqitt的博客-程序员秘密

技术标签: 前端知识  小程序  

引用

  • 引用 js里的数据
    //  .js
    var infoData = require('../../gf_/data/info-data.js');
    page({
        data:{
        	cartList: infoData.cartList,
        }
    })
    
    //info-data.js
    var cart_list= [
    	{id:0,name:"00"},
    	{id:1,name:"11"},
    	{id:2,name:"22"}
    ]
    
    module.exports = {
      cartList: cart_list,
    };
  • 引用页面
<import src="../../gf_temp/gongju/gongju.wxml"/>
<template is="dingdan" data="{
   {u: user}}"/>
//数据user必须放在data里,‘ : ’前面是被引用页面里使用的数据名,

//被引用页面
<template name="dingdan" >
	<div>{
   {u}}</div>
</template >
  • 引用wxss
@import "../../gf_temp/gongju/gongju.wxss"

跳转

  1. 页面跳转
<navigator url='../a_home/home?t={
   {u}}' hover-class="navigator-hover">
	<div>{
   {u}}</div>
</navigator >
  1. js 跳转
//带参数跳转
wx.navigateTo({
  url: "/pages/person/goldcoin_detail/index?detail=" + title + "|" + time,
  success: function (res) { },
  fail: function (res) { },
  complete: function (res) { },
})
//跳转后清除记录,无返回箭头 (关闭所有页面,打开到应用内的某个页面。)
wx.reLaunch({ 
  url: '/pages/home/home',
})
//关闭当前页面,跳转到应用内某个页面。
wx.redirectTo({ 
  url: '/pages/home/home',
  success: function (res) { },
  fail: function (res) { },
  complete: function (res) { },
})
(如果下一页面 有返回上一页箭头,则跳过当前页面) 
  
//跳转到tabBar 页面,并关闭其他所有非 tabBar 页面
wx.switchTab ({ 
  url: '/pages/home/home',
  success: function (res) { },
  fail: function (res) { },
  complete: function (res) { },
})

接收数据/ 设置标题

//页面接收上一页面数据
onLoad: function (options) {
    this.setData({
        title:options.title
    })
    //设置标题
	wx.setNavigationBarTitle({
	  title:   options.title
	})
},

修改返回跳转的页面

let pages = getCurrentPages(); // 获取页面栈
    let prevPage = null,i=0; // 上一个页面
    console.log(pages);
     if (pages[pages.length - 2].route
      == 
     "dbs_masclwlcard/gf_pages_2/addr_add/addr_add"){
      prevPage = pages[pages.length - 4];
      i=3;
    }else{
       prevPage = pages[pages.length - 2];
       i=1;
    }
    if(prevPage){
      prevPage.changedate(e.currentTarget.dataset.id);
      // prevPage.setData({
      //   addrid: e.currentTarget.dataset.id, // 传回数据
      // });
      wx.navigateBack({  //i=1 返回上一页  2 二
        delta: i
      })
    }
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/weixin_41195867/article/details/100733069

智能推荐

Centos的APK解包打包签名_weixin_30871701的博客-程序员秘密

http://www.v5b7.com/other/apk.htmlvi /etc/profilePATH=/usr/local/mysql/bin:/usr/local/mysql/lib:/usr/local/jdk/jre/bin:$PATHexport PATHexport PATH=$PATH:/usr/local/aapt:/usr/local/apktool转载...

白炽灯雪上加霜 LED照明将独领风骚_wangyong3378的博客-程序员秘密

LED照明应用是最重要的产业驱动力,国内家居照明启动时机已经成熟。2013-15年全球LED照明渗透率预计将提升118%、86%和61%,出于快速普及阶段。预计13年全球LED照明渗透率略超10%,未来仍有5倍空间。以LED芯片角度来看,照明13年占比已超30%,照明将是产业主要驱动力。而根据我们从主流电商渠道价格来判断,国内家居照明启动的时机已经成熟,而考虑到业内还有众多低成本方案在准备推出,家

ABAP 选择屏幕中设定PARAMETERS位置和文本的问题_abap选择画面上文本表示_yiyuzz的博客-程序员秘密

在设定选择屏幕的时候,有需求必须用PARAMETERS来实现,但是直接写会多个PARAMETERS会出现多行,这样看起来不美观不整齐,影响用户使用。可以用SELECTION-SCREEN BEGIN OF LINE.这个格式,把多个屏幕元素控制在一行显示,SELECTION-SCREEN COMMENT来设置文本,并可以通过参数调整文本位置。  SELECTION-SCREEN B...

SpringCloud学习笔记[email protected]_随丶芯的博客-程序员秘密

SpringCloud微服务概述什么是微服务目前的微服务并没有一个统一的标准,一般是以业务来划分将传统的一站式应用,拆分成一个个的服务,彻底去耦合,一个微服务就是单功能业务,只做一件事。与微服务相对的叫巨石微服务与微服务架构微服务是一种架构模式或者一种架构风格,提倡将单一应用程序划分成一组小的服务==独立部署==,服务之间相互配合、相互协调,每个服务运行于...

IIS搭建网站_宝贝啊!的博客-程序员秘密

一. 首先开启Windows功能在这里把你需要的服务都选中,如果你不清楚具体需要哪些,不妨全部选中。二. 进入IIS管理器三. 建站把你的网站资源和文件存到一个合适的位置,为了测试我们只用最简单的示范(稍微正经一点的网页也不会像我这么写...)。&lt;html&gt;&lt;body&gt;&lt;h1&gt;My IIS Test Page&lt;/h1&gt;&lt;/body&gt;&lt;/html&gt;...

stm32h750电路_STM32H750VBT6 + ESP8266+OV2640 开发板电路方案(pcb+例程)_weixin_39673601的博客-程序员秘密

这个开发板使用STM32H750VBT6 为主控,使用了3个SPI Flash,其中2个作为主控的qspi Flash,可用于储存代码,数据。剩余的一个SPI Flash用于保存主控ITCM的代码,下载程序时,ITCM的代码通过下载算法下载到这个SPI flash主控开始运行时,主控内的flash中有将SPI Flash中的数据复制到ITCM中的代码,复制完成后,主控开始运行ITCM中的代码,实现...

随便推点

GC介绍及调优_陈末go的博客-程序员秘密

GC和GC Tuning作者:马士兵教育 http://mashibing.comGC的基础知识1.什么是垃圾C语言申请内存:malloc freeC++: new deletec/C++ 手动回收内存Java: new ?自动内存回收,编程上简单,系统不容易出错,手动释放内存,容易出两种类型的问题:忘记回收多次回收没有任何引用指向的一个对象或者多个对象(循环引用)2.如何定位垃圾引用计数(ReferenceCount)根可达算法(RootSearching)3.常

数据一致性检测的应用场景与最佳实践_数据的一致性检查案例有哪些_zhaowei121的博客-程序员秘密

随着业务规模的扩张,企业系统变得越来越复杂,在这种复杂的分布式系统架构下,难免会出现远程调用失败,消息发送失败,并发 bug 等等问题,这些问题最终会导致系统间的数据不一致,导致用户体验受损,用户利益受损,对平台来说就是产生资损。因此如何持续保障系统的业务稳定性对于企业来说是一个很重要的课题,本文旨在介绍一些常见业务应用场景下的业务数据一致性保障最佳实践。离线or在线,事前or事后应对业务数据...

工业交换机芯片选择需要注意什么事项呢?_杭州飞畅的博客-程序员秘密

相信不少工业级交换机品牌,在其工业交换机机内的芯片选择上一定很慎重,因为工业交换价的芯片将影响到其以后的使用,工业交换机常用的芯片有Marvell和Broadcom平台。那么,工业交换机芯片选择要注意什么呢?接下来就由飞畅科技的小编来为大家详细介绍下吧!首先,要看你的工业交换机要有什么样的功能,得满足你的需求。其次需要考虑其性能,例如信噪比、带宽、传输速度、存储容量、工作电压、静态电流损耗等等。此外,还需要考虑到工业交换机芯片的封装形式、工作温度范围、ESD防护等级、是否无铅等等因素,这些和工业交换

Facebook有序队列服务设计原理和高性能浅析_程序员大咖的博客-程序员秘密

????????关注后回复“进群”,拉你进程序员交流群????????作者丨Coder的技术之路来源丨Coder的技术之路前言Facebook生态系统是由成千上万的分布式系统和微服务驱...

亲密字符串(每日一题)_三少爷的剑!的博客-程序员秘密

给定两个由小写字母构成的字符串 A 和 B ,只要我们可以通过交换 A 中的两个字母得到与 B 相等的结果,就返回 true ;否则返回 false 。示例 1:输入: A = "ab", B = "ba"输出: true示例 2:输入: A = "ab", B = "ab"输出: false示例 3:输入: A = "aa", B = "aa"输出: true示例 4:输入: A = "aaaaaaabc", B = "aaaaaaacb"输出: true.

bzoj 3575: [Hnoi2014]道路堵塞 spfa_【hnoi2014】道路堵塞_lych_cys的博客-程序员秘密

这道题目是玄学时间复杂度。。。(一定是窝太弱不会证明)。       显然,如果去掉某一条最短路上的边,剩下的最短路径为S->沿着最短路径->u->其他边->v->沿着最短路径->T。那么我们可以求出每一个u,v的最短路。具体可以选择一个u,然后不走从u出发的最短路的那条边,看到达的v能否更新答案。实际上就是加入一个堆。AC代码如下:#include#include#include

推荐文章

热门文章

相关标签