vue suk规则

<template>
  <div class="home">
    <el-table style="width: 100%" border :data="tableData">
      <el-table-column
        prop="name"
        :label="item"
        width="180"
        v-for="(item, index) in arrName"
        :key="index"
      >
        <template slot-scope="scope">
          <p>{
    
    {
    
     scope.row[index].name }}</p>
        </template>
      </el-table-column>
      <el-table-column prop="name" label="123" width="180">
        <template slot-scope="scope"> </template>
      </el-table-column>
    </el-table>
  </div>
</template>
<script>
export default {
    
    
  data() {
    
    
    return {
    
    
      arrName: [],
      tableData: [],
      list: [
        {
    
    
          goodsPrice: "0", //商品价格
          marketPrice: "0", //市场价格
          goodsStock: "0", //库存
          list:[],
          seap:''
        },
      ],
    };
  },
  created() {
    
    
    this.initDate();
  },
  methods: {
    
    
   
    initDate() {
    
    
      let list = [
        {
    
     name: "规格名1", specification: [{
    
     name: "冰" }, {
    
     name: "热" }] },
        {
    
    
          name: "规格名2",
          specification: [{
    
     name: "全糖" }, {
    
     name: "半塘" }],
        },
        {
    
    
          name: "规格名3",
          specification: [
            {
    
     name: "半甜" },
            {
    
     name: "很甜" },
            {
    
     name: "一点点甜" },
          ],
        },
      ];

      let arr = list.map((item) => item.specification);
      this.arrName = list.map((item) => item.name);
      let allArr = this.cartesianProductOf(...arr);
      this.tableData = allArr;
      console.log("allArrallArrallArr", allArr, "arrName", this.arrName);
      // 规则名
    },
    cartesianProductOf() {
    
    
      let params = {
    
    
        goodsPrice: "0", //商品价格
        marketPrice: "0", //市场价格
        goodsStock: "0", //库存
      };
      return Array.prototype.reduce.call(
        arguments,
        function (a, b) {
    
    
          var ret = [];
          a.forEach(function (a) {
    
    
            b.forEach(function (b) {
    
    
              ret.push(a.concat([b]));
            });
          });
          console.log(ret,99999)
          return ret;
        },
        [[]]
      );
    },
  },

};
</script>