<template>
  <view>
    <input type='text' v-model='ssid' placeholder='请输入WiFi名称' />
    <input type='password' v-model='password' placeholder='请输入WiFi密码' />
    <button @click='connectWiFi'>连接WiFi</button>
  </view>
</template>
<script>
export default {
  data() {
    return {
      ssid: '', // WiFi名称
      password: '' // WiFi密码
    };
  },
  methods: {
    connectWiFi() {
      uni.connectWifi({
        SSID: this.ssid, // WiFi名称
        password: this.password, // WiFi密码
        success: function(res) {
          console.log('连接WiFi成功', res);
        },
        fail: function(res) {
          console.log('连接WiFi失败', res);
        }
      });
    }
  }
};
</script>
<p>需要注意的是,uniapp的<code>uni.connectWifi</code>方法只能在真机上运行,不能在模拟器上测试。同时,连接WiFi需要用户授权,需要在<code>manifest.json</code>文件中添加<code>&quot;permission&quot;: {&quot;scope.userLocation&quot;: {&quot;desc&quot;: &quot;获取你的位置信息用于连接WiFi&quot;}}</code>权限声明。</p>
uniapp 连接指定wifi 的vue代码示例

原文地址: https://www.cveoy.top/t/topic/hgkP 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录