随笔分类 -  Ant Design of Vue

在Vue中引入fullcalendar
摘要:// 引入步骤 // 1、安装插件 // yarn引入方式 // yarn add @fullcalendar/vue @fullcalendar/core @fullcalendar/daygrid @fullcalendar/interaction @fullcalendar/list @ful 阅读全文

posted @ 2021-03-15 10:05 ㅤㅤㅤㅤㅤㅤ 阅读(1661) 评论(0) 推荐(0)

基于Vue的前端架构
摘要:1.分解需求 技术栈 ·考虑到后续招人和现有人员的技术栈,选择 Vue 作为框架。 ·公司主要业务是 GIS 和 BIM,通常开发一些中大型的系统,所以 vue-router 和 vuex 都是必不可少的。 ·放弃了 Element UI 选择了 Ant Design Vue(最近 Element 阅读全文

posted @ 2021-03-06 15:21 ㅤㅤㅤㅤㅤㅤ 阅读(325) 评论(0) 推荐(0)

Ant-tree添加搜索框功能
摘要:<template> <a-col> <a-input-search v-model="searchTree" placeholder="请搜索" @search="searchClick" @change="searchClick" /> <a-tree :treeData="scheduleTr 阅读全文

posted @ 2021-02-02 15:45 ㅤㅤㅤㅤㅤㅤ 阅读(608) 评论(0) 推荐(0)

Ant-tree 自定义父子节点图标(二)
摘要:// 注意事项: 采用 A-tree icon方法(自定义图标。可接收组件,props 为当前节点props) <template> <div> <a-tree showIcon :treeData="treeData" :icon="getIcon" /> </div> </template> < 阅读全文

posted @ 2021-02-02 14:17 ㅤㅤㅤㅤㅤㅤ 阅读(450) 评论(0) 推荐(0)

Ant-tree 自定义父子节点图标(一)
摘要:// 注意事项: <a-tree/>标签里面必须包含你要替换的图标 或者SVG, // 并且changeTreeData()方法中, // 给每一个Item添加slots属性的时候 icon值必须要与<a-tree/>标签里面的图片或者图标的slot属性值一致 <template> <div> <a 阅读全文

posted @ 2021-02-01 13:38 ㅤㅤㅤㅤㅤㅤ 阅读(850) 评论(0) 推荐(0)

Ant DataPIcker 禁用时间和日期的方法
摘要:<template> <div> <a-date-picker style="width: 100%" show-time v-decorator="[ 'nextPmTime', { rules: [ { required: true, message: $t('lang.placeholder. 阅读全文

posted @ 2021-01-27 16:30 ㅤㅤㅤㅤㅤㅤ 阅读(706) 评论(0) 推荐(0)

在a-table的基础上实现拖拽功能 (封装的组件)
摘要:/*在vue components文件下 添加一个组件文件 AntTable AntTable下新建一个index.js文件 使用该组件时 只需要在.vue页面引入即可 引入方式/使用方式请参考下面代码*/ <template> <div> <ant-table bordered size="sma 阅读全文

posted @ 2021-01-25 11:34 ㅤㅤㅤㅤㅤㅤ 阅读(1869) 评论(0) 推荐(0)

Ant Table 复选框禁用 全选时禁用复选框被选中问题
摘要:<template> <a-table :row-selection="{ getCheckboxProps: getCheckboxProps, }" rowKey="id" :columns="columns" :data-source="data" > </a-table> </templat 阅读全文

posted @ 2021-01-22 16:42 ㅤㅤㅤㅤㅤㅤ 阅读(3046) 评论(0) 推荐(0)

Ant table报错 Warning: [antdv: Each record in table should have a unique `key` prop,or set `rowKey` to an unique primary key.]
摘要:方法1 <a-table :columns="columns" :data-source="data" size="small" :rowKey="(row) => row.key" > // key为 data 中的一个属性 </a-table> 方法2 <a-table :columns="co 阅读全文

posted @ 2021-01-22 15:30 ㅤㅤㅤㅤㅤㅤ 阅读(1471) 评论(0) 推荐(1)

Ant vue a-tabel实现上移下移功能
摘要:<template> <div> <a-table :row-key="key" :columns="columns" :data-source="data"> <template slot="operation" slot-scope="text, record, index"> <a-icon 阅读全文

posted @ 2021-01-21 15:14 ㅤㅤㅤㅤㅤㅤ 阅读(686) 评论(0) 推荐(0)

VUE使用screenfull全屏 (使用Ant UI)
摘要:// 安装 screenfull // npm install --save screenfull // 在需要的页面引用 // import screenfull from "screenfull"; <template> <a-tooltip placement="top" :title="ti 阅读全文

posted @ 2021-01-21 14:29 ㅤㅤㅤㅤㅤㅤ 阅读(658) 评论(0) 推荐(0)

导航