每当我点击 li 上的项目时,我的 clickHandler 函数都会抛出错误 - TypeError:无法读取未定义的属性“filter”。每当用户点击侧边栏上的项目时,信息窗口就会弹出,我正在创建一个函数。但在我的代码中看不到问题。这是我的 App.js 代码: import React, { Component } from 'react';//import logo from './lo
2018-11-17
我的 React 应用通过 api 调用获取员工列表。我有一个类似的部门组件函数,可以根据名称筛选出部门。当我对具有 first_name 和 last_name 属性的员工执行类似操作时,我收到错误TypeError:无法读取未定义的属性“toLowerCase”但是当我 console.log 响应时,名称没有问题。下面是我使用的 useEffect 钩子 useEffect(() => {i
2019-11-13
我目前正在获取一些数据,我正在尝试对该数据的某些道具进行操作。我正在尝试以这样的方式获取我的清单学生:451882342,然后,当我尝试通过College> CollegeOpportunities执行某些操作时,我会收到错误。我要运行的功能是:240104810onCollegeOpportunities.filter我收到无法读取未定义的无法读取属性'过滤器'对我来说,这似乎是一个异步问题,就
2020-03-31
我正在尝试将一些数组项映射到过滤器下拉列表中,以对数组输出进行排序。但是,我收到一个错误 - “TypeError:无法读取未定义的属性“filter”。我很确定这是由于数据是对象。我对 JS 还很陌生,所以不确定下一步的最佳步骤是什么。任何关于发生了什么以及我需要改变什么的指示都会很棒。如果您需要更多信息,请告诉我。-import React, { useState, Fragment } fr
2020-12-06
我有一个简单的 React 应用,我用它来显示用户列表。我有一个搜索框,它可以过滤用户列表并返回搜索到的用户,但是,当我使用搜索框搜索用户时,我收到TypeError: Cannot read property 'filter' of undefined页面最初显示正常,只是当我搜索用户时抛出了错误。我知道用户生成正确,因为我控制台记录了filteredUsers所有用户都正确输出。这是我的 Ap
2021-02-09
我将 prop 从父级传递给子级,然后将其返回。但我收到此过滤器不是函数错误。如果您能帮助我找出错误,那将非常有帮助。过滤以下数组Data = [{"e":"24hrMiniTicker","E":1657740208155,"s":"ETHBTC","c":"0.05494500","o":"0.05375100","h":"0.05507300","l":"0.05320200","v":"1
2022-07-13
我有类似这样的代码。 new Vue({el:'#app',data:{cars:[{name:'',make:''}]},methods:{addToArray(nameOfTheArray){ //here nameOfTheArray is the string "cars"//so here I have to do something like thisthis.cars.push({
2018-03-16
我正在尝试使用vue-native-websocket,并且wss是动态的,因为它需要访问令牌。所以我有这个:import VueNativeSock from 'vue-native-websocket';Vue.use(VueNativeSock, this.monitor);export default {created() {this.$options.sockets.onmessage
2018-06-02
我正在尝试创建一个 JSON 字符串,然后使用vue-qrcode-component将其转换为 QRCode。这是我创建字符串的地方:this.qrCode = "{‘type’:’serialNumber’,’id’:25434,’stock_id’:736,’stock_order_id’:’655’}";然后在模板中:<qr-code :text="qrCode"></qr-code>但是
2018-11-07
要求所有 html 元素都在 JSON 文件中定义并在模板中使用。有一个函数 - “markComplete”,需要在复选框更改时触发。代码模板:<template><span v-html="htmlContent"></span></template><script>data(){return{htmlContent: "<input type='checkbox' v-on:change='
2019-02-10
我正在使用 vue js,并尝试使用 props 从对象调用值。我有此代码来调用 prop<HeroAppearance:eyeColor="HeroInfo.appearance.eye-color":gender="HeroInfo.appearance.gender":hairColor="HeroInfo.appearance.hair-color":height="HeroInfo.ap
2020-06-11
为什么filter不能与this.userId一起使用,而与硬代码值“admin”一起使用?我该如何修复这个问题?computed: {UidMessages: function() {return this.Messages.filter(function(m) {return m.to == this.userId;})}},而且它确实有效 =>computed: {AMesseg: func
2020-08-10
嗨,我正在尝试在 VueJs 中动态设置 div 的样式。但面临这样一个问题:this.currentProgressLevel未应用于 currentStyle 对象内的 width 属性。我附上了我正在使用的代码的屏幕截图。当我使用${this.currentProgressLevel *75}px时,width 属性不起作用。为什么它可能不起作用?当我手动将this.currentProgr
2020-11-07
在 Vue.js 2 中,我想将字符串转换为函数调用,以便将其设置为事件处理程序。我相信这将非常实用,特别是在基于对象列表动态创建大量元素(例如按钮)时。new Vue({el: "#app",data: {myArray: [{ value: 1, fn: "firstMethod" },{ value: 2, fn: "secondMethod" },],},methods: {firstMe
2021-09-24
希望你们都做得很好。我想知道有什么方法可以将字符串转换为变量名?我想将“minXLabel”转换为minXLabel并在span标签内使用它,例如<span>{{minXLabel}</span>我有<div class="placeholder-value"><span>{{ inputsArray[index].firstOption || placeholder[index].first}
2021-10-21