如何使用钱包连接包获取钱包地址？

Question

我正在使用 vue 的 wallet connect wagmi 包。这是我的代码。

<template>
    <w3m-button size="sm" label="Wallet" balance="show" />
</template>
    
<script setup>
    import { createWeb3Modal, defaultWagmiConfig } from '@web3modal/wagmi'
    import { mainnet, arbitrum, sepolia } from 'viem/chains'
    import { reconnect } from '@wagmi/core'
    
    
    const projectId = import.meta.env.VITE_PROJECT_ID
    
    const metadata = {
        name: 'Web3Modal',
        description: 'Web3Modal Example',
        url: 'https://web3modal.com',
        icons: ['https://avatars.githubusercontent.com/u/37784886']
    }
    
    const chains = [mainnet, sepolia]
    
    const config = defaultWagmiConfig({
        chains,
        projectId,
        metadata,
        enableWalletConnect: true,
        enableInjected: true,
        enableEIP6963: true,
        enableCoinbase: true
    })
    
    
    reconnect(config)
    
    createWeb3Modal({
        wagmiConfig: config,
        projectId,
        enableAnalytics: true
    })
</script>

当我连接到钱包时，我想知道所连接钱包的钱包地址。我怎样才能做到这一点？

Answer 1

onMounted(async () => {    
import { getAccount } from '@wagmi/core'
    
    const interval = setInterval(async () => {
      const account = getAccount(config)
    
      if (account?.isConnected) {
        clearInterval(interval)
      }
      console.log(account)
    }, 1000)
}

在onmounted函数中调用钱包连接代码。

可能还有其他方法，但这就是一开始对我有用的方法