vue
浪花—朵朵
一个五年的小白
展开
-
数组根据属性值进行拆分
var a = [{id: 1}, {id: 3}, {id: 2}, {id: 3}, {id: 1}];var b = a.reduce((r, x) => ((r[x.id] || (r[x.id] = [])).push(x), r), {});var c = Object.keys(b).map(x => b[x]);console.log©; // [[{id: 1}, {id: 1}], [{id: 2}], [{id: 3}, {id: 3}]]转载自 https://原创 2021-05-12 15:04:29 · 249 阅读 · 0 评论 -
window.history.back() 返回上一页 有时候需要点击多次
今天遇到两个小问题记录一下1-window.history.back() 返回上一页 有时候需要点击多次,这是为什么呢?原来Windows下的window.history.back()后退后返回的不只是前一个页而是前一个页的状态。如果一个页我修改了3次那必须后退3次才能回到前一个页。怎么处理这种情况呢,我在网上找了下,并没有特别契合我现在的情况的,无非就是 让我写具体的跳转地址,但凡我能知道具体地址,我还用纠结嘛。。最终经过各种测试 实操有效的代码来了,下面展示一些 内联代码片。history.原创 2021-01-19 15:49:34 · 1877 阅读 · 0 评论 -
ElementUI el-table 表格 行选择框改为单选
ElementUI el-table 表格 行选择框改为单选首先把多选框先加上<el-table-column type="selection" width="50" align="center"></el-table-column>然后呢 要做单选那就把头部的全选区域隐藏掉 thead .el-table-column--selection .cell{ display: none;}接着就是最重要的多选转单选了 其实就是每次点多选框的时候 取消上次勾选的原创 2020-12-14 10:05:23 · 2396 阅读 · 0 评论 -
vue table 勾选回显小细节
分享一个vue table 勾选回显时候的小细节在el-table-column中使用:reserve-selection="true"来保留首页或其他选中数据时的选中状态以不留神 就会报错 Vue Error:[ElTable] prop row-key is required怎么解决呢在el-table上添加:row-key=“getRowKey”methods: { getRowKey(row){ return row.id;}, }注:这里的id 是你回显是用到的一个唯一的值 根据具原创 2020-09-02 11:23:13 · 814 阅读 · 0 评论 -
数据回显赋值给对象,修改数组内容无效
今天遇到这么一个问题,点击修改按钮,请求接口后,我把数据直接赋值给一个对象,这个对象里面涉及到一个数组,需要另外赋值,我按部就班的操作之后,在给数组添加元素时,出现问题了,竟然无效,数组打印也能填充进去,页面就是没刷新,手足无措最后 巧妙地运用 Object.assign 对象合并,解决的这个问题原因是因为 自己声明的对象里面有数组,但回显赋值的时候没有,导致的 这个具体原理还不太清楚,有知道的大牛还希望不吝赐教...原创 2020-07-22 10:11:01 · 451 阅读 · 0 评论