代码随想录

area.js 地区数据结构：//area.js/** * areas 对象转tree结构 */export function addressToTree(){ let districtssheng = address.province_list; let districtsShi = address.city_list; let districtsQu = address.county_list; let newArrSheng = []; for(var i in distr

样式：/* 表格 *//*.table 为全局表格自定义样式*/.table .ant-table-body,.table .ant-table-header{ overflow-y: auto !important;}html代码：<a-table class="table" :scroll="{ y: 550 }"></a-table>

tips:ant design vue Tabs的activeKey只能是string,否则设置不起作用原因：缓存导致，当选择其他选项卡页时，关闭后，再次打开，还是会选择关闭前的选项卡页解决：利用activeKeyhtml代码：这里给选项卡设置activeKey值，然后通过change回调将每次选择后的key值赋值给activeKey<a-tabs :activeKey="activeKey" @change="(key) => { this.activeKey =..

就很坑，为什么ant design vue没有表格拖拽？这应该是一个常用并且基本的组件功能，elementui的表格拖拽却如此丝滑。。。官网上说使用vue-draggable-resizable插件来实现，拖拽了一下官网上实现的，真的很丝滑，但是自己做完后，卡卡卡卡卡卡顿。。。1.下载为什么我这里指定了版本？？？因为别的版本我试了，同样的代码，这个版本行，别的版本不行 ，，，就能用就行npm i vue-draggable-resizable@2.1.02.实现/** ..

1.获取数据首先，数据自然是tree结构的，这中间自然会有一些对数据的处理，说一下常用处理：将扁平化数据处理为tree结构数据https://blog.youkuaiyun.com/thcoding_cat/article/details/113697354 将数据的属性处理为组件要求的属性 解决该组件的一些问题，优化1.将数据的属性处理为组件要求的属性使用组件提供的该属性:replaceFields="{key:'id',title:'name',children:'child...

1.表格添加自定义行方法<a-table :customRow="customRow"></a-table>2.在自定义行方法中定义双击事件document.execCommand('copy') 调用浏览器复制命令，并返回boolean值customRow(record){ return { on:{ dblclick: (event) => { ..

1.获取list为级联数据，该数据为树状对象数组结构，可能涉及到树状对象排序问题:field-names="{}"：当数据中的对象与该组件要求属性不一致时，可通过该属性进行声明替换<a-cascader :options="list" placeholder="请选择" change-on-select :field-names="{label: 'name', value: 'id', children: 'children' }" ..

ref,:model="",rules常见，说下ant design vue表单特有的：<a-form-model ref="form" :model="form" :rules="rules" v-bind="layout" class="form"> <a-form-model-item has-feedback label="角色名称" prop="roleName"> <a-input v-model="form.name.

1.作用域插槽columns:[ {title: '编号',scopedSlots: { customRender: 'indexRender' },align:'center'} ],2.表格中<a-table :columns="columns" :data-source="list" rowKey="id" :pagination="pagination" @change="handleTableChange"> &l..