uniapp存值和取值，获取登录凭证 code方法

无妄的罪2023-09-25 9:35

Uniapp 的存值和取值

Uniapp 的存值和取值方法可以使用Vue.js的数据绑定方式，也可以使用uni.setStorageSync() 和 uni.getStorageSync() 方法。

使用Vue.js的数据绑定方式：

在Vue组件中定义一个data属性，然后将需要存储的值赋给该属性。例如：

js 复制代码

<template>
  <div>
    <p>{{ myValue }}</p>
    <button @click="storeValue">存储值</button>
    <button @click="getValue">获取值</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      myValue: ''
    }
  },
  methods: {
    storeValue() {
      this.myValue = 'Hello World'
    },
    getValue() {
      alert(this.myValue)
    }
  }
}
</script>

使用uni.setStorageSync() 和 uni.getStorageSync() 方法：

uni.setStorageSync() 方法可以用于将数据存储到本地缓存中，可以设置一个key和一个value。例如：

js 复制代码

uni.setStorageSync('myKey', "Hello World")

uni.getStorageSync() 方法可以用于从本地缓存中获取存储的数据。例如：

js 复制代码

let myValue = uni.getStorageSync('myKey')
alert(myValue) // 弹出 "Hello World"

注意：在使用 setStorageSync 和 getStorageSync 存储和获取数据时，需要保证存储和获取的 key 值相同。否则会出现获取不到数据的情况。

登录凭证 code

在 uni-app 中，可以通过 uni.login 方法来获取用户的登录凭证 code。以下是一个示例代码：

复制代码

uni.login({
  provider: 'weixin', // 登录服务提供商，例如微信小程序
  success: function(res) {
    const code = res.code;
    console.log('登录凭证 code：', code);
    // 这里可以将 code 发送给后端进行处理
  },
  fail: function(err) {
    console.error('登录失败：', err);
  }
});

上述代码中，我们使用 uni.login 方法进行登录操作，并通过 provider 参数指定登录服务提供商，例如微信小程序。

在成功回调函数中，我们可以通过 res 对象的 code 属性获取到用户的登录凭证 code。你可以根据实际需求处理该 code，例如将其发送给后端服务器进行登录验证或其他操作。

请注意，在使用 uni.login 方法之前，需要先引入相应的登录插件，如微信小程序的登录插件。具体插件的使用方式和配置可参考对应平台的官方文档。