Javascript 如何显示data vue js+axios中的特定列？

好吧，我是新手，还没有掌握词典。以下是我想做的：

我已经用axios和f12-network-preview从SQL中成功读取了数据。它表明：

已成功作为数组推送

但在vue中，当我尝试显示它时。它表明：作为

[ { "COUNT(`char_id`)": "1" } ]

如何仅显示1

我的vue内部：

{{onlineUsers}}

内文

data:() => ({
    onlineUsers: [],
)},
created(){
    this.onlineUsersFunction();
},
methods: {
    onlineUsersFunction: function () {
      axios.post(url, { switchCase: 2 }).then((response) => {
        this.onlineUsers = response.data;
      });
    }
}

在我的crud.php中

$switchCase = (isset($_POST['switchCase'])) ? $_POST['switchCase'] : '';

switch($switchCase){
    case 1: //Select
        $query = "SELECT * FROM login";
        $stmt = $conn->prepare($query);
        $stmt->execute();
        $data=$stmt->fetchAll(PDO::FETCH_ASSOC);
        break;
    case 2:
        $query = "SELECT COUNT(`char_id`) FROM `char` WHERE `online` = 1;";
        $stmt = $conn->prepare($query);
        $stmt->execute();
        $data=$stmt->fetchAll(PDO::FETCH_ASSOC);
        break;
        
}
print json_encode($data, JSON_UNESCAPED_UNICODE);
$conn = NULL;

---

首先，count查询只返回一行，因此不需要使用fetchAll将其包装到数组中。试试这样吧

$query=从'char'中选择COUNT'char\u id'，其中'online`=1；； $data=[count=>$conn->query$query->fetchColumn]； 然后在Vue中，只需使用

{{onlineUsers.count} 您还应该在初始化时将onlineUsers设置为对象

数据：=>{ 联机用户：{}， },

---

{{onlineUsers[0][COUNTchar\u id]}不是真正的vue问题，您应该在更改查询后使用以选择COUNT`char\u id`as users\u online FROM。。