Javascript 如何使用";。查找();使用vuejs中的数组
我的项目组件上有以下代码:Javascript 如何使用";。查找();使用vuejs中的数组,javascript,arrays,vue.js,socket.io,Javascript,Arrays,Vue.js,Socket.io,我的项目组件上有以下代码: <template> <div> <agent v-for="agent in agents" :uuid="agent.uuid" :key="agent.uuid" :socket="socket"> </agent> <p v-if="error">{{error}}</p> </div> </
<template>
<div>
<agent
v-for="agent in agents"
:uuid="agent.uuid"
:key="agent.uuid"
:socket="socket">
</agent>
<p v-if="error">{{error}}</p>
</div>
</template>
<style>
body {
font-family: Arial;
background: #f8f8f8;
margin: 0;
}
</style>
<script>
const request = require('request-promise-native')
const io = require('socket.io-client')
const { serverHost } = require('../config')
const socket = io()
module.exports = {
data () {
return {
agents: [],
error: null,
socket
}
},
mounted () {
this.initialize()
},
methods: {
async initialize () {
const options = {
method: 'GET',
url: `${serverHost}/agents`,
json: true
}
let result
try {
result = await request(options)
} catch (e) {
this.error = e.error.error
return
}
this.agents = result
socket.on('agent/connected', payload => {
const { uuid } = payload.agent
const existing = this.agents.find(a => a.uuid === uuid)
if (!existing) {
this.agents.push(payload.agent)
}
})
}
}
}
</script>
控制台中的消息sais'Uncaught TypeError:n.agents.find不是函数'
我不知道虫子在哪里。。。有什么帮助吗?
万分感谢
更新->这是我在“结果”中看到的内容:
从您的更新来看,结果值似乎是一个对象,当您将其分配给此时,它现在也只是一个对象。如果结果将是单个对象或对象数组,那么最好按以下方式分配结果,以确保它将是一个数组
this.agents = result ? [].concat(result) : []
注意:如果结果未定义/为空,则上面的ternery检查也将确保分配空数组。结果的值是多少?尝试用筛选器替换查找。与str相同,
this.agents=result
是否确定结果是数组?结果包含带有代理的对象数组。如果我使用typeof它显示“object”,但是。。。可能是因为只有一个元素?我试着用过滤器替换find,但它不起作用……不要描述值,而是用您得到的实际值更新您的问题。它似乎不是数组(但可能是JSON字符串)。或者,您可能正在使用中世纪的浏览器(例如Internet Explorer 11),该浏览器不支持Array.prototype.find()
。
{…}
agentMAC: (...)
agentName: (...)
connected: (...)
createdAt: (...)
id: (...)
lastAccess: (...)
loginDate: (...)
pid: (...)
updatedAt: (...)
userId: (...)
__ob__: Ae {value: {…}, dep: fe, vmCount: 0}
get agentMAC: ƒ ()
set agentMAC: ƒ (t)
get agentName: ƒ ()
set agentName: ƒ (t)
get connected: ƒ ()
set connected: ƒ (t)
get createdAt: ƒ ()
set createdAt: ƒ (t)
get id: ƒ ()
set id: ƒ (t)
get lastAccess: ƒ ()
set lastAccess: ƒ (t)
get loginDate: ƒ ()
set loginDate: ƒ (t)
get pid: ƒ ()
set pid: ƒ (t)
get updatedAt: ƒ ()
set updatedAt: ƒ (t)
get userId: ƒ ()
set userId: ƒ (t)
__proto__: Object
this.agents = result ? [].concat(result) : []