VUE element-ui之table表格勾选复选框动态合计某列的值

实现步骤:
自定义数组对象合计方法:

countTotal(arr, keyName) {
      let $total = 0
      $total = arr.reduce(function(total, currentValue, currentIndex, arr) {
        return currentValue[keyName] ? (total + currentValue[keyName]) : total
      }, 0)
      return $total
    }

勾选复选框时,调用合计方法即可:

selectionChangeHandler(val) {
	if (val.length !== 0) {
		this.totalNumer = this.countTotal(val, 'shipped')
	}
}

效果:
VUE element-ui之table表格勾选复选框动态合计某列的值_第1张图片

你可能感兴趣的:(elementui,web前端,js语法,vue.js,ui,前端)