前端问题解决记录

1.antdv table 组件展开

如下图，点击＋号展开数据时，所有的行数据都被展开了。

解决：添加row-id。在antdv文档中的说明如下

在 Table 中，dataSource 和 columns 里的数据值都需要指定 key 值。对于 dataSource 默认将每列数据的 key 属性作为唯一的标识。

如果你的数据没有这个属性，务必使用 rowKey 来指定数据列的主键。若没有指定，控制台会出现缺少 key 的提示，表格组件也会出现各类奇怪的错误。

2. 页面间传值

Vue 中页面传值的多种方式详解
vue路由传参的三种方式

3. 组件方法调用

Vue子组件调用父组件的方法

4. 刷新页面计时器被重置

原方案：进入页面后开始计时，点击提交后发送请求记录时长，但中间刷新浏览器，计时器被重置。
解决方案：
1） 进入页面后记录下进入时间（localStorage），以后刷新页面，用当前时间 - 进入时间作为经过的时长。
2） onbeforeunload事件。该事件会在页面退出、刷新时调用，并在之后执行unload事件，vue示例：

	mounted() {
		let that = this
		// 关闭、刷新浏览器前, 执行
		window.onbeforeunload = function(e) {
            // 定义的执行逻辑
			that.onPageLeave()
			// 空返回, 不会弹出确认会话框
			return;
		}
	},

5、get请求传参数组

// userIds = [111, 222, 333]
const userIdsStr = userIds.join(',')
apiGetUsers(userIdsStr).then(res => {
  // do something
})

打开开发者模式查看网络，发出的请求是http://localhost:1234/api/getUser?ids=111,222,333