微信小程序的点击获取数据,和url路由传值,全局本地存储数据

news/2024/7/20 4:00:42 标签: 小程序

微信小程序的点击获取数据,和url路由传值,全局本地存储数据

点击获取数据

点击事件的写法bindtap='方法名'
需要数据的名称
data-xxx='{{数据}}'
//在wxml
<van-row gutter="20" class="data" bindtap='getupdateNew' data-token="{{item.token_y}}" style="height: 25px;line-height: 25px;" wx:for='{{getTaskInfoList}}' wx:key="token_y">
</van-row>
//在js获取点击的数据
getupdateNew:function(e){
    let token = e.currentTarget.dataset.token
    var taskid = this.data.taskid
   console.log(taskid)
    //点击跳转路由,带参数
    wx.navigateTo({ url: '/pages/addEnterprise/addEnterprise?task_id='+taskid+'&token='+token, }
  },

在跳转的路由页面获取url传过去的参数

page({
    data:{
        taskid:null,
      	token:null,
    }
})
//获取url的值
onLoad: function (options) {
    var taskid = options.task_id;
    var token = options.token
    console.log(taskid)
    console.log(options)
    //传过来的值可以,赋值给data里面
    this.setData({
      taskid:taskid,
      token:token
    })
}

全局本地存储数据(1)

//先在app.js里面的添加数据存储的地方
App({
    appData:{
        userInfo:null
    }
})
//然后再赋值的地方引用app,然后赋值
var app = getApp();
app.appData.userInfo = {"user_id":res.data.user_id,"s_id":res.data.s_id,'user_name':res.data.phone};
//然后就是取值
var app = getApp();
var userInfo = app.appData.userInfo;

当然也可以使用本地缓存的方法(2)

//先存值
wx.setStorage({
     key: 'userInfo',
     data: res.data
})
//取值
wx.getStorage({
  key: 'userInfo',
  success (res) {
    console.log(res.data)
  }
})
//清除
wx.removeStorage({
  key: 'userInfo',
  success (res) {
    console.log(res)
  }
})

当然还有很多的方法,可以仔细去查看微信小程序的官方文档


http://www.niftyadmin.cn/n/861580.html

相关文章

微信小程序的wxRequest的请求

微信小程序的wxRequest的请求 可以先在app.js里面把url统一封装好 App({urlData:{URL: url,}, })getRegister:function(event){console.log(event)var url app.urlData.URL /user/regist_phone_uservar random Math.random()wx.request({url: url,data:{phone:this.data.p…

vue打包的时候,全局注释console调试

在开发的时候&#xff0c;我们会用到很多console的调试&#xff0c;在开发完成的时候&#xff0c;又不想一个个去注释&#xff0c;所以在打包的时候可以在build文件夹中找到webpack.prod.conf.js文件中添加以下代码 new UglifyJsPlugin({uglifyOptions: {compress: {warnings: …

js的数组判断属性是否存在,给对象添加一个属性和值,给后端拿到的数组对象添加一个状态值,给数组对象添加一个属性和值

判断属性是否存在 if(shop_id in liveInfo)group_live_gli(){let chat_sid localStorage.getItem(chat_sid)let liveInfo this.liveinfoif(this.chat_type group_live){if(shop_id in liveInfo){let shopid liveInfo.shop_id}else{}}else{}},2.给对象添加一个属性和值 li…

微信小程序中,不允许用户返回上一页的操作

微信小程序中&#xff0c;不允许用户返回上一页的操作 //用wx.redirectTo来做跳转页面wx.redirectTo({url: /pages/index/index })但是用了这个之后会发现小程序左上角会多了一个home的小按钮&#xff0c;可以在onShow中添加wx.hideHomeButton()&#xff0c;即可消除 onShow:…

elementui的图片上传加限制规则并且显示图片在页面,不经过后端

elementui的图片上传并且显示图片在页面&#xff0c;不经过后端 <el-uploadaction"#" refupload1list-type"picture-card":on-change"onChange":limit"1":auto-upload"false":file-list"fileList":http-requ…

子组件调用父组件方法,父组件调用子组件方法,子组件传值给父组件,父组件传值给子组件;兄弟之间传值

子组件调用父组件方法&#xff0c;父组件调用子组件方法&#xff0c;子组件传值给父组件&#xff0c;父组件传值给子组件 子组件调用父组件方法&#xff08;可以多层级调用方法&#xff09;&#xff0c;子组件传值给父组件 //子组件代码 getToParent(){//getParent是父组件的…

数组类型方法map,valueOf,forEach,findIndex,includes,indexOf

数组类型方法 1.concat&#xff0c;创建一个新数组&#xff0c;将array与任何数组 或 值连接在一起。 let arr [1,2,3,4] let arr2 [9] let arr3 arr.concat(arr2) console.log(arr3); //[ 1, 2, 3, 4, 9 ]2.pop&#xff0c;删除数组的最后一个元素&#xff0c;返回值为最…

git上传文件到github的操作流程

git上传文件到github的操作流程 下载git之后&#xff0c;新建空白文件&#xff0c;右键找到git bash打开 如果电脑第一次安装&#xff0c;输入命令 git config --global user.name "github上面的名称"git config --global user.email "github注册的邮箱"…