分类：Ant

2020
10-28

Ant Design的Table组件去除

在AntDesign的Table组件文档中，排序有三种状态：点击升序、点击降序、取消排序。一般需求只需要升序和降序，不需要取消排序，这时候就需要我们设置sortOrder来去除取消排序。首先，我们从官方文档中ctrl+c出一个排序栗子，放在我们的组件中。官方栗子importReact,{useEffect,useState}from'react';import{Table}from'antd'exportdefault()=>{const[data,setData]=useState([{key:'1',name:'JohnBrown... 继续阅读 >

2020
10-28

Ant design vue table 单击行选中 勾选checkbox教程

最近了解Antdesign设计table单击行选中checkedbox功能，相比于element的@row-click再触发toggleRowSelection，antdesign的api就没那么清晰了，言归正传期望：Antdesigntable单击行选中勾选checkedbox实现：单选：onClickRow(record){return{on:{click:()=>{letkeys=[];keys.push(record.id);this.selectedRowKeys=keys;}}}}多选：onClickRowMulti(record){return{on:{click:()=>{... 继续阅读 >

2020
10-28

Vue-Ant Design Vue-普通及自定义校验实例

这段时间在使用AntDesignVue进行项目的前端部分开发，进行一个记录，分享…AntDesignVueAntDesignVue是AntDesign3.X的Vue实现，开发和服务于企业级后台产品。在GitHub上可以找到几个AntDesign的Vue组件。不过相比较而言，AntDesignVue更胜一筹。AntDesignVue共享AntDesignofReact设计工具体系，实现了所有AntDesignofReact的组件，支持现代浏览器和IE9及以上（需要polyfills）。可以让熟悉AntDesign的... 继续阅读 >

2020
09-30

使用Vue+Django+Ant Design做一个留言评论模块的示例代码

1.总览留言的展示参考网络上参见的格式，如掘金社区：一共分为两层，子孙留言都在第二层中最终效果如下：接下是数据库的表结构，如下所示：有一张user表和留言表，关系为一对多，留言表有父留言字段的id，和自身有一个一对多的关系，建表语句如下：CREATETABLE`message`(`id`intNOTNULLAUTO_INCREMENT,`date`datetimeNOTNULLDEFAULTCURRENT_TIMESTAMP,`content`textNOTNULL,`parent_msg_id`intDEFAULTNULL,... 继续阅读 >