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

Posted junlian

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了点击存缓存并跳转页面并到跳转页面取缓存相关的知识,希望对你有一定的参考价值。

之前页面的
             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
    })


  },
 

以上是关于点击存缓存并跳转页面并到跳转页面取缓存的主要内容,如果未能解决你的问题,请参考以下文章

vue路由传参并跳转页面

解决iframe缓存机制导致页面不清除缓存不刷新页面的bug

Vue -- element-ui el-table 点击tr项页面跳转,返回后缓存回显点击项

js判断是不是登录并跳转页面

android Intent跳转页面之后按手机返回键 怎样使他不再返回到跳转之前的页面

微信浏览器跳转页面后再返回,如何恢复到跳转前的位置的问题。