从方法返回vuejs组件

时间:2018-10-22 14:42:20

标签: javascript node.js vue.js

我对vue.js很陌生,所以我什至不确定我要做什么。我正在开发一个可以在其他应用程序中使用的Matrix组件。我的问题是,我希望getIdentity()方法返回一个新的Matrix组件,并在其中传递一个数组

export default {
  name: 'Matrix',
  props: {
    initRows: Number,
    initColumns: Number,
    initValues: Array
  },
  data () {
    return {
      editable: true,
      contents: [],
      rows: 1,
      columns: 1
    }
  },
  created () {
    ...
  },
  methods: {
    addColumn () {...},
    removeColumn (column) {...},
    addRow () {...},
    removeRow (row) {...},
    getRREF () {...},
    getInverse () {...},
    getIdentity () {
      if (this.rows === this.columns) {
        let tempMtx = [];
        for (let row = 0; row < this.rows; row++) {
          tempMtx[row] = [];
          for (let col = 0; col < this.columns; col++) {
            tempMtx[row][col] = row === col ? 1 : 0;
          }
        }
        return new Matrix({propsData: {initValues: tempMtx}}); // This is the part I can't figure out
      } else {
        throw new Error('Rows and Columns must be equal to get the identity matrix');
      }
    }
  }
}

1 个答案:

答案 0 :(得分:0)

我最终在this article的帮助下找到了答案。除了不是从其他文件导入,我只是定义了let MatrixConstructor = vue.extend(this.a);