element-ui 表格合并

elementUI 表格合并

elementUI官方文档的表格合并方法为 span-method

	// Table 组件 绑定 span-method
      <Table :data="tableData"  :span-method="cellMerge" >

	data(){
		
		return  {
			spanArr: [],
			pos: 0,
			tableData:[
				{game_id: 2,game_name: "王者荣耀", scene_id: "2-32-1"）}，
				{game_id: 2,game_name: "王者荣耀", scene_id: "2-32-1"）},
				{game_id: 3,game_name: "和平精英", scene_id: "2-32-1"）}，
				{game_id: 4,game_name: "地下城与勇士", scene_id: "2-32-1"）},
				{game_id: 5,game_name: "黎明觉醒", scene_id: "2-32-1"）}，
				{game_id: 5,game_name: "黎明觉醒", scene_id: "2-32-1"）},
			]
		}
	},

	watch：{
		tableData(val){
			this.getSpanArr(val)   //监控tableData 的变化 实时更新合并结果
		}
	}

	methods:{
	
		cellMerge({ row, column, rowIndex, columnIndex }) {
		
			//  指定合并表格从那一列开始 columnIndex