博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
项目六遇到的知识点
阅读量:5328 次
发布时间:2019-06-14

本文共 2261 字,大约阅读时间需要 7 分钟。

1、小程序中从一个页面获取另一个页面的方法或值

1201653-20181224175212928-453460275.png

1201653-20181224175221247-755671158.png

  • 在项目中想要实现,点击a页面跳转到b页面,并且选中b页面的值,当回到a页面时,b页面选中的值已经在a页面中出现
  • 说的有点啰嗦,具体实现如下

a页面

您选择的是
{
{data}}

js

data:{    data: ''},/**   * 生命周期函数--监听页面显示*/onShow: function () {    this.setData({      data: wx.getStorageSync('wish')    })},goData:function(){//跳转到b页面    wx.navigateTo({      url: '../b/b'    })}

b页面

js

data: {    items: [      {  value: '变美' },      {  value: '变高' },      {  value: '变白' },      {  value: '变瘦' },      {  value: '变有钱' },      {  value: '你想多啦' },    ]  },  radioChange(e) {    var value = e.detail.value;    console.log('radio发生change事件,携带value值为:', e.detail.value)    wx.setStorageSync('wish', value);   }
  • 主要通过wx.setStorageSync同步缓存,wx.getStorageSync 同步获取实现。

方法

  • wx.getStorage(Object object) 从本地缓存中异步获取指定 key 的内容
  • wx.getStorageSync(string key) wx.getStorage 的同步版本
  • wx.getStorageInfo(Object object) 异步获取当前storage的相关信息
  • wx.getStorageInfoSync() wx.getStorageInfo 的同步版本
  • wx.setStorage(Object object)
  • 将数据存储在本地缓存中指定的 key 中。会覆盖掉原来该 key 对应的内容。数据存储生命周期跟小程序本身一致,即除用户主动删除或超过一定时间被自动清理,否则数据都一直可用。数据存储上限为 10MB。
  • wx.setStorageSync(string key, Object|string data) wx.setStorage 的同步版本
  • wx.removeStorage(Object object) 从本地缓存中移除指定 key
  • wx.removeStorageSync(string key) wx.removeStorage 的同步版本
  • wx.clearStorage(Object object) 清理本地数据缓存
  • wx.clearStorageSync() wx.clearStorage 的同步版本

  • onShow

1201653-20181224175242835-1621515019.jpg

(二)、获取input焦点改变input的border边框颜色

  • 效果图
  • 初始状态

1201653-20181227112745236-550975735.png

  • 获取焦点

1201653-20181227112755677-1069476544.png

  • 获取input焦点时变化border边框颜色,失去焦点时去掉颜色。

wxml

js

Page({    data: {        tel: '',        border: '',        img: '',        imgUrl: ''    },    onLoad"function(){        this.setData({            img: '../../assets/images/phone.png'//图片静态地址        })    },    //获取焦点    getFocus:function(){        var bgImg = '../../assets/images/data-phone.png';//带颜色的图片地址        this.setData({            imgUrl: bgImg,            img: '',            border: 'border:4px solid #0DE1A8'        })    },    //失去焦点    getBlur:function(){        this.setData({            imgUrl: '',            img: '../../assets/images/phone.png',            border: ''        })    }})
  • 完成,写法我觉得有点麻烦,哪位大神有好的方法请多指教,嘿嘿估计也没人看

转载于:https://www.cnblogs.com/DCL1314/p/10170071.html

你可能感兴趣的文章
省市县,循环组装,整合大数组
查看>>
stm32中字节对齐问题(__align(n),__packed用法)
查看>>
like tp
查看>>
posix多线程有感--线程高级编程(线程属性函数总结)(代码)
查看>>
spring-使用MyEcilpse创建demo
查看>>
DCDC(4.5V to 23V -3.3V)
查看>>
kettle导数到user_用于left join_20160928
查看>>
activity 保存数据
查看>>
typescript深copy和浅copy
查看>>
linux下的静态库与动态库详解
查看>>
hbuilder调底层运用,多张图片上传
查看>>
深入理解基于selenium的二次开发
查看>>
较快的maven的settings.xml文件
查看>>
Git之初体验 持续更新
查看>>
随手练——HDU 5015 矩阵快速幂
查看>>
Maven之setting.xml配置文件详解
查看>>
SDK目录结构
查看>>
malloc() & free()
查看>>
HDU 2063 过山车
查看>>
高精度1--加法
查看>>