![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
antd
三火Sunfire
这个作者很懒,什么都没留下…
展开
-
json属性名转成TreeSelect数据格式
效果图很忙很忙,直接上代码 本人开发环境是vue2 methods+antd,根据实际情况修改就好了jsonTotree(json, lastName) { let arr = [] let data = Object.keys(json) data.forEach(item => { let obj = {} obj.title = item // 这里的^是和后端定义的标识符 obj.key = lastName ?原创 2022-03-30 11:15:18 · 1248 阅读 · 0 评论 -
antd vue 表格元素溢出省略号(含按钮、编辑框)
效果预览:首先我们知道,对于普通的单元格来说,直接在columns下添加ellipsis: true即可实现溢出省略号的效果但对于slot插槽定义的单元格来说,添加该代码只会有溢出隐藏而不会有省略号效果;比如我们常常能遇见到button link和可编辑单元格的情况button link 溢出省略号可编辑单元格 溢出省略号通过观察可以举一反三:只要将slot插槽子元素的宽设置为100%,在文字外套个的父元素,添加单行溢出省略号三件套即可...原创 2021-11-04 09:53:30 · 1721 阅读 · 0 评论 -
antd vue更改表格样式
定义表格时加上scopedSlots: { customRender: 'status' }const columns = [ { title: '状态', key: 'status', scopedSlots: { customRender: 'status' } }, { title: '版本', key: 'version' }]在a-table标签内编写你想要的样式,在标签内加上slot=customRender名即可<原创 2021-03-31 23:19:36 · 1809 阅读 · 0 评论 -
antd vue 多级select框实现与已选择内容重置
需求:用axios请求数据1并在第一个select框中展现,当选择后请求数据2并在第二个select框中展现...以此类推。当上级框重新选择时需要重置所有下级select框并重新读取数据template部分:data部分:mounted部分:method部分:总结:@change可以接收选择框value值使用v-model可以很好的解决select已选择项的重置问题...原创 2021-03-14 16:58:29 · 1549 阅读 · 0 评论 -
antd vue侧边导航菜单根据路由地址展开
主要是利用defaultOpenKeys和selectedKeys两个APItemplate部分:<a-menu theme="dark" mode="inline" :defaultOpenKeys="openKeys" :selectedKeys="selectedKeys" :style="{ height: '100%', borderRight: 0, minHeight: 'calc(100vh - 64px)' }"&g...原创 2021-03-31 22:41:25 · 1780 阅读 · 0 评论