如何链接蓝牙设备 --小例(vue2)

页面简单模板

<template> <view class='content_box'> <view class="pay_box"> <button class="btn" type="primary" @click="initBlue">开启蓝牙</button> <!-- <button class="btn" type="primary" @click="stopBluetooth">停止搜索外围</button> --> <button class="btn" type="primary" @click="findBlue">搜寻附近蓝牙</button> </view> <view> <scroll-view scroll-y class="box"> <view class="itemContent" v-for="(item,index) in bleDevs" :key='index' @click="connetBlue(item)"> <view> <text>设备名称: {{ item.name }}</text> </view> <view> <text>设备id: {{ item.deviceId }}</text> </view> </view> </scroll-view> </view> </view> </template>

css样式

简单的链接蓝牙小案例可尝试一下