Vue.js VueJS和lodash，除非模板中使用了主数组，否则过滤后的数组将显示为空

我的混音：

导出默认值{
数据（）{
返回{
收费：[]，
捕猎犬：[]，
犯罪：[“一级犯罪”、“二级犯罪”、“三级犯罪”、“四级犯罪”]
}
},
方法：{
getCharges（）{
axios.get（'admin/charges'）。然后（（响应）=>{
this.charges=response.data；
对于（让进攻=1；进攻我认为您的用例与VueJS的反应系统有关


如果删除该行

总费用：{{charges.length}

您告诉VueJS仅在
catCharges
get/set上刷新模板

catCharges
是一个数组，因此它不像一个简单变量那样“被动”

如果您阅读准确，最好在
catCharges
上使用
push
，向Vue正确解释阵列已更改

我将尝试以下代码：

getCharges() {
  axios.get('admin/charges').then((response) => {
    this.charges = response.data;
    for(let offense = 1; offense <= this.offenses.length; offense++) {
      this.catCharges.push(this.chargesAtOffense(offense));
    }
  });
},

getCharges（）{
axios.get（'admin/charges'）。然后（（响应）=>{
this.charges=response.data；
对于（让进攻=1；进攻我认为您的用例与VueJS的反应系统有关


如果删除该行

总费用：{{charges.length}

您告诉VueJS仅在
catCharges
get/set上刷新模板

catCharges
是一个数组，因此它不像一个简单变量那样“被动”

如果您阅读准确，最好在
catCharges
上使用
push
，向Vue正确解释阵列已更改

我将尝试以下代码：

getCharges() {
  axios.get('admin/charges').then((response) => {
    this.charges = response.data;
    for(let offense = 1; offense <= this.offenses.length; offense++) {
      this.catCharges.push(this.chargesAtOffense(offense));
    }
  });
},

getCharges（）{
axios.get（'admin/charges'）。然后（（响应）=>{
this.charges=response.data；
for（让offery=1；offery您可以尝试在v-for中使用不同的变量名，并说明其行为方式吗？“，不要使用费用，使用任何其他名称并发布发生的情况。这仍然是一样的。即使我只是简单地输出数组“catCharges”。我真的不知道，但我只是通过将h1标记样式设置为显示实际费用数组的“none”来修复它。因此，过滤后的数组将工作，但我仍然不确定为什么我必须在t中使用主费用数组筛选数组工作的模板顺序。能否尝试在v-for中使用其他变量名，并说明其行为？”，不要使用费用，使用任何其他名称并发布发生的情况。这仍然是一样的。即使我只是简单地输出数组“catCharges”。我真的不知道，但我只是通过将h1标记样式设置为显示实际费用数组的“none”来修复它。因此，过滤后的数组将工作，但我仍然不确定为什么我必须在t中使用主费用数组为使过滤后的数组正常工作，他创建了模板顺序。