![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Ant Design Vue
Zh.冠军
这个作者很懒,什么都没留下…
展开
-
Ant Design Vue 下拉框可输入、可选择mode=“combobox“
下拉框可输入原创 2022-06-14 18:43:28 · 3959 阅读 · 4 评论 -
Tabs 页签右边添加附加操作
一、代码块 <a-tabs> <a-tab-pane key="1" tab="申请趋势"></a-tab-pane> <a-tab-pane key="2" tab="公开趋势"></a-tab-pane> <a-tab-pane key="3" tab="授权趋势"></a-tab-pane> <div slot="tabBarExtraConten原创 2022-05-19 09:34:16 · 1169 阅读 · 1 评论 -
jeecgboot 基础说明
参考地址1:主页面 路径:public\index.html解释:配置登录页的title.和登录加载过程出现的文字 2:前端页面整体布局 路径 :src\components\page\GlobalLayout.vue解释 :页面的菜单,头部,底部的整体布局是这个页面三个位置是以组件的形式引入整体布局页面 SideMenu, GlobalHeader, GlobalFooter。 3:页面嵌套形式 都是一组件的形式,一层一层往外嵌套的。 4:路由配置页面路径 \src\config\rout原创 2022-03-24 16:34:14 · 2940 阅读 · 0 评论 -
jeecgboot 设置默认主题
一、setting.js二、vue.config.js三、defaultSettings.js原创 2022-03-23 09:53:39 · 1427 阅读 · 0 评论 -
ant design vue table 固定列后出现空列
解决办法:给固定列添加宽度原创 2022-03-04 10:25:56 · 1423 阅读 · 0 评论 -
jeecgboot 默认主题设置
一、ant-design-vue-jeecg/src/components/tools/setting.js二、ant-design-vue-jeecg/vue.config.js三、ant-design-vue-jeecg/src/defaultSettings.js四、效果图原创 2022-02-28 17:37:39 · 1098 阅读 · 0 评论 -
form-create 动态生成表单时提交和重置按钮自定义
一、效果图:二、代码块:<template> <div> <!-- 使用 <form-create></form-create> 标签创建表单 --> <form-create v-model="fApi" :rule="rule" :option="option"></form-create> <!-- 自定义 确定和取消按钮 --> <a-button @click="su原创 2022-01-25 15:29:16 · 1999 阅读 · 1 评论 -
form-create 动态生成input blur事件
form-create动态生成input 失焦事件一、代码块 <form-create v-model="fApi" :rule="rule" :option="option" @input-field-blur="blur"></form-create> export default { data() { return { rule:[{ type: 'input', field: 'inputField', title原创 2022-01-21 16:14:00 · 558 阅读 · 0 评论 -
vue 中使用form-create 动态创建表单
form-create 和UI框架配合使用,目前支持3个常用的UI:ElementUI、Iview、Ant-design-vue以ant-design-vue为例form-create官网地址form-create表单生成器说明文档一、ant-design-vue 和form-create的安装 cnpm install ant-design-vue --save cnpm i @form-create/ant-design-vue二、在项目根目录src目录下的 main.js文件 中配置a原创 2022-01-21 16:02:31 · 2759 阅读 · 0 评论 -
vue + html2canvas 将div的内容以pdf形式导出
一、在vue中引入html2canvas,执行命令1、npm install html2canvas --save 或者yarn add html2canvas --save2、npm install jspdf --save或者yarn add jspdf --save二、main.js引入import html2canvas from 'html2canvas'import JsPDF from 'jspdf'三、代码块 <!-- 导出功能 --> <a原创 2021-12-03 10:09:17 · 655 阅读 · 0 评论 -
vue基于Blob.js和 Export2Excel.js做前端导出Excel 复杂表头
一、安装依赖npm install -S file-savernpm install -S xlsxnpm install -D script-loader二、导入两个js三、main.js页面引入//引入Excelimport Blob from './vendor/Blob'import Export2Excel2 from './vendor/Export2Excel.js'Vue.prototype.ExportExcel2 = function(list,tHeader1,原创 2021-12-03 09:41:55 · 1242 阅读 · 0 评论 -
vue + html2canvas将div的内容以图片形式导出
一、在vue中引入html2canvas,执行命令 npm install html2canvas --save 或者 yarn add html2canvas --save二、main.js页面引入 import html2canvas from 'html2canvas'三、.vue页面代码 <a-button @click="Export('assessContent','三种专利申请增长情况')" style="margin-left:10px;">导出</a原创 2021-12-01 18:53:37 · 1433 阅读 · 0 评论 -
jeecg-boot 前端页面目录
首页 src/components/page/GlobalLayout.vue标题 src/components/tools/Logo.vue副标题 src/components/page/GlobalHeader.vue页脚 src/components/page/GlobalFooter.vue原创 2021-09-28 16:47:08 · 862 阅读 · 4 评论 -
vue 自定义组件使用v-model
<j-input placeholder="请输入名称模糊查询" v-model="queryParam.name"></j-input> model: { prop: 'value', event: 'change' }, 以上代码等同于: <j-input :placeholder="请输入名称模糊查询" @change="val => { queryParam.name .原创 2021-09-17 15:17:43 · 507 阅读 · 0 评论 -
Jeecgboot 导入功能的配置
上传官网地址:https://www.antdv.com/components/upload-cn/一、引入公共js:JeecgListMixin.js import { JeecgListMixin } from '@/mixins/JeecgListMixin'二、js文件中的对应导入的方法:handleImportExcel /* 导入 */ handleImportExcel(info){ console.log(info) if (info.file..原创 2021-09-17 09:52:54 · 975 阅读 · 0 评论 -
Jeecgboot table自定义列
效果图思路:1、将勾选的复选框的dataIndex存到本地(eg:[“name”,“keyWord”]),并设置有效期,过期则显示所有列2、根据勾选的复选框的,过滤数据,重新改变table列的数组(columns)的值一、自定义列<!----> <a-popover title="自定义列" trigger="click" placement="leftBottom"> <template slot="content">原创 2021-09-16 18:47:45 · 2590 阅读 · 0 评论 -
Jeecgboot 导出功能的配置
一、引入公共js:JeecgListMixin.js import { JeecgListMixin } from '@/mixins/JeecgListMixin'二、js文件中的对应导出方法:handleExportXls handleExportXls(fileName){ /***********文件名 ****************/ if(!fileName || typeof fileName != "string"){ f原创 2021-09-16 17:51:01 · 2060 阅读 · 0 评论