微信小程序 Switch按钮实现本地存储

最新推荐文章于 2023-05-07 19:58:20 发布

紫殇归来

最新推荐文章于 2023-05-07 19:58:20 发布

阅读量634

点赞数 1

文章标签：微信小程序 switch开关按钮本地存储

本文链接：https://blog.csdn.net/qq_41658067/article/details/91491745

版权

本文通过实例代码介绍了微信小程序中如何使用Switch按钮，并结合本地存储实现状态持久化，详细讲解了index.js和index.wxml文件中的关键配置与交互逻辑。

摘要由CSDN通过智能技术生成

index.js

//index.js
//获取应用实例
const app = getApp()

Page({
  data: {

  },
  bindchange: function (e) {
    console.log(e.detail.value);
    wx.setStorageSync('value1', e.detail.value);
  }
  ,
  bindchange2: function (e) {
    console.log(e);
    wx.setStorageSync('bindchange2', e.detail.value);
  },
  bindchange3: function (e) {
    console.log(e.detail.value);
    wx.setStorageSync('bindchange3', e.detail.value);
  },
  bindchange4: function (e) {
    console.log(e.detail.value);
    wx.setStorageSync('bindchange4', e.detail.value);
  },
  //事件处理函数

  onLoad: function (options) {
    this.setData({
      value1: wx.getStorageSync('value1')
    }),
      this.setData({
        value2: wx.getStorageSync('bindchange2')
      }),
      this.setData({
        value3: wx.getStorageSync('bindchange3')
      }),
      this.setData({
        value4: wx.getStorageSync('bindchange4')