点击存缓存并跳转页面并到跳转页面取缓存

之前页面的

html:

<image bindtap=‘ontTapdetails‘ data-item_data=‘{{item}}‘ class="videoVideo2" src="{{item.wapimg}}" }};"></image>

js:

ontTapdetails: function(e) {

console.log(e)

//存缓存

var item_data = e.currentTarget.dataset.item_data

wx.setStorageSync(‘item_data‘, item_data)

wx.navigateTo({

url: ‘../details/details‘,

})

},

跳转之后的页面

HTML:

<view class=‘windo‘>

<view>

<view class=‘vdieo_box‘>

<view class=‘block‘ style=‘margin-left:20rpx;‘>

<view class="cover">

<!-- 视频图层 -->

<image class="videoVideo2" src="{{show_data.wapimg}}" mode="scaleToFill" id="show_data{{vid}}" style="display: {{ _index == index ?  ‘block‘ : ‘none‘}};"></image>

<!-- 视频按钮 -->

<image id="{{index}}" class="videoPlay" src="/img/bf.png" mode="scaleToFill" bindtap="videoPlay" style="display: {{ _index == index ?  ‘block‘ : ‘none‘}};"></image>

</view>

</view>

<video src=‘{{show_data.videourl}}‘ class=‘vdieo‘ id="{{index}}"></video>

<view class=‘child‘>{{show_data.typename}}</view>

</view>

<view class=‘_‘></view>

<view class=‘__‘></view>

<view class=‘text‘>这个作品好看吗</view>

<view class=‘box1‘>

<view class=‘box‘ bindtap="onChangeShowState">

<image  src="{{isPlaying?‘/img/cai1.png‘:‘/img/cai2.png‘}}" class=‘had had1‘  ></image>

<text class=‘had_text‘>不好看</text>

</view>

<view class=‘box‘ bindtap="onChangeShowState2">

<image  src="{{isPlaying1?‘/img/zan1.png‘:‘/img/zan2.png‘}}" class=‘had‘></image>

<text class=‘had_text‘>好看</text>

</view>

</view>

</view>

</view>

js:

onLoad: function(options) {

//读取缓存

var show_data = wx.getStorageSync(‘item_data‘);

console.log(show_data)

this.setData({

show_data

})

},

原文地址:https://www.cnblogs.com/junlian/p/9810094.html

时间: 2024-08-12 19:43:14

点击存缓存并跳转页面并到跳转页面取缓存的相关文章

利用fastjson解析json并通过js&amp;ajax实现页面的无跳转刷新

1.json是一种优秀的数据格式,在移动开发和web开发中经常用到,本例中通过一个小案例讲解如何通过alibaba的开源框架fastjson来解析jason数据格式并通过js实现无跳转刷新 2,新建一个web项目,这是我的项目:我这里直接用servlet写的 注意导包,我这里到了很多无用的包,其实主要的包是下面几个: 这个三个包是必须的,其他都是开发基本web的常用包 3.创建一个domain: package com.keson.domain; import com.thoughtworks.

jQuery插件--zTree中点击节点实现页面跳转时弹出两个页面的问题

这是第一次使用zTree,所以在使用之前我要先写一个demo来学习一下.我们要注意的是,zTree是一个jQuery插件,所以我们在导入zTree的js文件之前要先导入jQuery的js文件. 我们先下载zTree,点击我跳转到一个网站进行下载 代码直接贴出来 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <link

nginx规则:自动降级,手机用户访问跳转手机版与PC版页面

工作中为满足业务需要以及保证服务的可用性,配置的一些nginx跳转规则,与公司业务相关信息已经抹去,提供出来希望对大家有帮助. 1. 当后端服务器出现异常,响应码为500 501 502 503 504,请求转发到静态降级服务器,从而保证业务不至于完全无法访问,对于浏览型且实时性要求不高的站点非常有用. app_servers:应用服务器,提供正常服务页面 shopwebstatic:静态服务器,提供定时爬取的静态页面 2.请求重试: proxy_next_upstream          

微信小程序详解——页面之间的跳转方式【路由】和参数传递

微信小程序拥有web网页和Application共同的特征,我们的页面都不是孤立存在的,而是通过和其他页面进行交互,来共同完成系统的功能.今天我们来研究小程序页面之间的跳转方式. 1.先导 在Android中,我们Activity和Fragment都有栈的概念在里面,微信小程序页面也有栈的概念在里面.微信小程序页面跳转有四种方式: 1.wx.navigateTo(OBJECT): 2.wx.redirectTo(OBJECT): 3.wx.switchTab(OBJECT): 4.wx.navi

在网页静态页面里面怎么跳转底部顶部的代码

跳到网页底部html代码: 在</body>前加个<a name="bottom"></a> 在任何地方写<a href="#bottom">跳到底部</a> 就可以实现点击回到底部: 返回网页顶部代码: <a href=#top>顶部</a> 在网页静态页面里面怎么跳转底部顶部的代码

HTML阻止iframe跳转页面并使用iframe在页面内嵌微信网页版

昨天看到这篇文章[置顶]开源组件NanUI一周年 - 使用HTML/CSS/JS来构建.Net Winform应用程序界面 就想弄一个winform结合html5的一个小东西,突有兴致,想在里面嵌套一个微信网页版. 好了,想法一出来,就行动吧,最终效果如下图: 一开始就打算在页面里面嵌套一个iframe指向https://wx.qq.com就OK了,但是我还是太天真,微信网页版会自动跳转.结果如下图: 于是上网搜了一下阻止iframe跳转的办法,就是在iframe标签加上 security="r

完成页面的定时跳转

1 使用js完成页面的定时跳转 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="js/jquery-2.1.0.js"></script> <script type="text

Flutter路由跳转父级页面向子页面传参及子页面向父级页面传参

Flutter中页面通过路由跳转传参主要分两种,一种是通过push()跳转时根据设定的参数进行传参,另一种是通过pop()返回时进行传参. 父级页面向子页面push()传参 假设从A页面跳到B页面可能需要携带参数userName和userAge这两个参数,那么需要在B页面先设置这两个参数名:假设userName必须填而userAge非必需,那么可以通过设置@required其为必填选项: class PageB extends StatefulWidget { @override final u

Laravel 登录后跳转回登录前浏览的页面

一.经过 Auth 中间件检查后跳转至登录页面 也就是没有通过 auth 中间件的认证检查,被 auth 中间件拦截后跳转至登录页面.这种情况下,Laravel 默认会在用户登录成功后自动跳转回登录前浏览的页面.auth 中间件是怎么做到的? 打开 auth 中间件文件: // vendor/laravel/framework/src/Illuminate/Auth/Middleware/Authenticate.php protected function authenticate(array

UINavigation的外观设置和页面之间的跳转

创建导航: 1.创建一个视图控制器的类a 2.在app中引用 3.在app.m中创建a对象 4.创建一个导航视图,并且把a对象作为导航视图的根视图 5.设置window的根视图为导航视图控制器,代码: 6.到a.m文件中给导航设置属性,如:(给导航设置属性大部分都是.navigationItem) 用导航的两个视图之间的跳转: 1.再创建一个视图控制器,在第一个视图控制器还有第二个视图控制器上面都添加一个按钮,来用于页面之间的跳转 2.第一个页面到第二个页面之间的跳转button的方法,代码:(