主页 / 问题 / 1028150
Accepted
dmitriy
Asked:2020-09-26 14:06:18 +0000 UTC2020-09-26 14:06:18 +0000 UTC

如何在Vue中分配原始元素数组[关闭]

  • 772

任务是当你点击按钮时，你需要返回原始的元素列表。但问题是这个原始列表也会变得被动，尽管它不在数据中。可能是什么问题呢？

const newPaymentItemsArr = dataPaymentItems.map((item, index) => {
  return {
    num: index,
        id: item.id,
        field: {
            amount: item.amount,
            fee: item.feeAmount
        },
  }
}

const paymentItemsOriginal = [...newPaymentItemsArr];

const multiplyMethods = new Vue({
    el: '#multiply-methods',
    data() {
        return {
          paymentItems: [...newPaymentItemsArr],
       }
    },

    methods: {
      cancel() {
            this.paymentItems = [];
            this.paymentItems = JSON.parse(JSON.stringify(paymentItemsOriginal));
        },
    }
});
vue.js

1 个回答

  1. Best Answer

    您的代码拼写错误，首先， .map((item, index) => { return { num: index, id: item.id, field: { amount: item.amount, fee: item.feeAmount }, } }) < -- 放一个括号 二、dataPaymentItems 这个数组是什么？为什么不能直接传给vue组件呢？假设通过 props 或 import 我们传递了您需要的数组或对象，然后您将获得可用的初始数据并使用它做任何您想做的事情，在 data() { return { arr: newArr(dataPaymentItems), } } 中看起来像这样方法：{ newArr: function(el) {what you need to do}} 然后通过 this:arr 访问从函数接收到的数据，只使用 dataPaymentItems 访问原始数据

    • 0

相关问题