小知识，大挑战！本文正在参与“[程序员必备小知识](https://juejin.cn/post/7008476801634680869 "https://juejin.cn/post/7008476801634680869")”创作活动。 #### `elementUI`的el-table表格多选功能之禁用多选在进行表格的多选的时候我们会碰到那种，只允许部分内容可以被选择，不符合的要禁用多选框，这个时候就要用到`elementUI el-table`的`selectable` ![在这里插入图片描述](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/e4a19ef868ed4e9d9fb8a22f78f8eaeb~tplv-k3u1fbpfcp-zoom-1.image) 所以我们可以这样写 ```html

``` ```js selectable(row,index) { return row.pro_status === 'review' //通过某个值来进行判断，规定那一行的选择框被禁用 } ``` #### el-card的点击事件失效的解决方式 ``` @click = 'link' 改为 @click.native = 'link'//变成原生绑定 ``` #### elementUI的日期选择器获取选择时间的格式，获取时间戳等在使用日期选择器的时候，我们需要把时间进行格式化，然后再传给后端比如传时间戳 ``` value-format="timestamp" ``` ```

``` 比如‘yyyy-MM-dd’格式 ``` value-format="yyyy-MM-dd" ``` ```

``` #### el-upload的自动上传带参数 ```

上传商品照片

``` 通过`formData`来进行数据的整合和传输 ``` imageChange(param,type){ let formData = new FormData() formData.append('file', param.file) formData.append("s_id", localStorage.s_id) formData.append("img_kind", 'open') this.$axios.post(`${this.$baseUrl}/image/upload`, formData).then(res => { if(res.data.ret){ this.$message.success('上传成功') }else{ this.$message.error('上传失败'+res.data.msg) } }).catch(function (error) { this.$message.error('上传失败'+res.data.msg) }); }, ```