- 博客(109)
- 收藏
- 关注
RSS订阅原创 jeecgboot 自定义列
列表自定义列实现实现方法：一、初始化设置data() 方法中配置 //表头 columns:[], //列设置settingColumns:[],//列定义defColumns: [{ title: '#', dataIndex: '', key: 'rowIndex', width: 60, align: "center",
2022-09-27 17:52:02
586
1
原创 jeecgboot 自定义列
列表自定义列实现功能预览：实现方法：一、初始化设置data() 方法中配置 //表头 columns:[], //列设置settingColumns:[],//列定义defColumns: [{ title: '#', dataIndex: '', key: 'rowIndex', width: 60, align: "center",
2021-12-24 15:52:50
1548
原创 antdv 的气泡卡片popover宽度控制
antd vue 气泡卡片popover浮层的大小是由内容区域决定的控制方法：a-popover属性：overlayStyle代码：:overlayStyle="{width:‘50%’}"<a-popover title="自定义列" trigger="click" placement="leftBottom" :overlayStyle="{width:'50%'}" > <template slot="content" class="popove
2021-12-24 15:30:35
5824
原创 ant design Vue 纯前端实现分页
ant design Vue 纯前端实现分页功能(有选择的话最好让后端分页，前端分页可能会有问题，为了性能，尽量不要前端分页)自己想的一个简单方法：通过页码改变事件，每页数据个数改变事件，获取改变后的页码，每页条数，获取数组中对应的数据。代码如下：html：<template> <div> <h3>学习文件</h3> <div class="videoMain" v-if="dataSourceList.length"&
2021-11-15 11:07:47
3173
原创 jeecgboot 图片与文件地址问题
jeecg 开发过程中碰到的问题需求：非组件时显示图片与文件问题：图片未曾正确显示原因：地址不对解决方法：加一句调用地址的语句代码如下：//item image 是循环的地址// 一：直接拼接，然后在html中使用window._CONFIG['staticDomainURL']+'/'+item// 二。分开拼接：直接在html中使用<img :src="`${staticDomainURL}/${image}`" alt="">//data 中定义stat
2021-08-13 13:41:50
2723
原创 antdv ellipsis 没有作用
antdv 的 Table表格 碰到的问题table表格中同时使用fixed和ellipsis会造成固定列的内容溢出宽度时，会直接撑开设定的宽度，ellipsis不生效。并且每一列的ellipsis设置都将不起作用，固定列撑开的宽度会覆盖没有设置固定列的表头，方法根据api插槽自定义内容标签，然后给标签添加类名，内容溢出的css样式 三行columns中还是要设置宽度的代码：<a-table ref="table" size="middle"
2021-05-20 14:31:48
4407
2
原创 查看代码总行数
今天写著作权申请的时候，需要计算程序代码总行数，网上看到一个工具cloc可以统计，试了一下，挺好用的第一步：下载软件https://sourceforge.net/projects/cloc/files/下载完放到相应项目路径下，然后在git bash中执行命令：./cloc-1.64 ./其中blank为文件中空白行数，文件末尾的空白行不算，只算中间的空白行；comment为注释行数（会自动根据文件类型统计注释行，Java中“//”，python中“#”）；code为代码行数。...
2021-05-18 16:47:04
2368
1
原创 jeecgBoot 部门联动
基于jeecgboot框架需求：实现部门层级之间的联动方法：通过jeecg数据库的字段实现，id与对应的parent_id代码如下：<a-col :span="24"> <a-form-model-item label="部门" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="deprtId"> <j-dict-select-tag v-model="model.
2021-05-06 18:00:21
1737
2
原创 纯前端js导出Excel文件
项目中有的时候需要咱们前端来导出Excel表格还是需要了解怎么做的，当然了最好还是让后端做导出话不多说，上步骤安装插件 vue-json-excelnpm install vue-json-excel -S引入 - - - 在需要导出功能的文件中引入import ExportJsonExcel from "js-export-excel";代码：template中 - - - 主要是exportExcel方法 <a-button type="primary" ico
2021-04-16 09:52:21
389
原创 Vue 动态绑定CSS样式
动态绑定CSS样式绑定了changeColor样式,changeC是判断条件，根据条件changeC控制css加与不加<div v-bind:class="{changeColor:changeC}" v-on:click="changeC=!changeC"> <span>示例一</span></div>
2021-04-14 15:56:44
1203
原创 JavaScript深拷贝
新创建的对象为arr1，源对象为arr，一行代码实现：利用JSON（推荐，JS语言自支持，不需要依赖其他工具） let arr1= JSON.parse(JSON.stringify(arr))Lodash（推荐，在某些集成了Loadsh的开发环境代码显得更简洁） let newObj = _.cloneDeep(oldObj)ES6的对象拓展运算符：… ( 不推荐----对象中不能套深层次的数据) let newObj = {...oldObj}ES6的对象拓展运算
2021-04-14 15:35:19
55
原创 css 鼠标经过显示禁止符号
鼠标经过是显示红色圆圈加斜杠的禁止图标cursor: no-drop;cursor: not-allowed;代码：.box:hover{ cursor: no-drop; /* cursor: not-allowed; */}两种方法一个效果，随便一个都可以用
2021-04-14 10:23:43
1623
原创 vscode里使用 .vue 代码 模板
vscode里面设置vue模板，使用快捷键可以快速生成vue的基础代码，节省时间效果：<template> <div class="container"> </div></template><script>export default { data() { return { } }, components: { }}</script><style scoped ></s
2021-04-14 10:09:11
247
1
原创 HTML 禁止复制功能
有些网站为了不让用户复制，设置了div禁止选择的功能，设置如下属性unselectable="on" onselectstart="return false;"例子：可以实现div不让别人复制的效果<div unselectable="on" onselectstart="return false;"> muzidigbig</div>...
2021-04-14 09:42:55
878
1
原创 浏览器隐藏滚动条
overflow-y: scroll; scrollbar-color: transparent transparent; scrollbar-track-color: transparent; -ms-scrollbar-track-color: transparent;
2021-04-08 14:22:52
1799
2
原创 地址栏加不加www都可以访问网站 -- -- -- -- 配置
需求：加不加www都可以访问网站www.abc.comabc.com需要配置几个地方：一、 服务器（以阿里云服务器为例）需要插入两条记录，可从新手指导中配置，生效时间为TTL中配置的时间内二、 服务器电脑中，iis管理器内以上两个步骤可以实现访问（网站已经配置过的情况下）如果还不行的话建议阿里云提交工单，会有专门的售后工程师帮助解决问题。...
2021-04-08 14:20:25
417
原创 jQuery attr踩坑记录
使用attr添加 selected 和 checked 属性在某个项目中，要根据每个item的不同的条件对radio的checked进行赋值，$(“input[name=’ ']”).attr(“checked”,true);多次赋值，会发现attr不起作用的情况。于是将attr改成prop：$(“input[name=’ ']”).prop(“checked”,true);selected标签同上，用prop代替即可...
2021-03-30 18:00:35
83
原创 jeecgboot安装webpack报错
jeecgboot安装webpack时报错npm install webpack -g // 全局安装npm install webpack --save-dev // 项目内安装错1：TypeError: Class extends value undefined is not a constructor or null$ vue-cli-service build ⠋ Building for production... ERROR TypeError: Class extends
2021-03-30 14:24:18
606
2
原创 Vue2.0 $set()的正确使用方式
vue2.0给对象新增属性，并出发视图更新、如下代码，给student对象新增age属性data() { return { student:{ name:'', sex:'' } } }众所周知，直接给student赋值操作，虽然可以新增属性，但是不会出发视图更新mounted() { this.student.age = 24}原因是： 受 ES5 的限制，Vue.js 不能检测到对象属性的添加或
2021-03-26 14:24:38
150
原创 Vuex 基础应用（二）
1.安装vuex依赖包npm install vuex --save2.导入vuex包import Vuex from 'vuex'Vue.use(Vuex)3.创建store对象const store = new Vuex.Store({ // state中存放的就是全局共享的数据 state: {count:0}})4.将store对象挂载到vue实例中new Vue({ el:"#app", render:h => h(app), r.
2021-03-26 13:48:45
58
原创 Ant Design of Vue —— Table表格组件 —— 设置动态表头
需求：表格的表头，需要动态改变效果图方法动态改变columns ，通过push改变关键代码find(arr, str) { this.findTF = false; arr.forEach(item => { if (item.title == str) { return this.findTF = true; } })},find2(arr, str) { this.findTF2 = false; arr.forEach(item =
2021-03-26 13:31:16
6601
5
原创 Vue子组件调用父组件的方法
Vue中子组件调用父组件的方法，三种方法第一种方法是在子组件中通过this.$parent.event来调用父组件的方法父组件：<template> <div> <child></child> </div></template><script> import child from '~/components/child'; export default { components:
2021-03-23 16:51:39
1641
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人