- 博客(50)
- 收藏
- 关注
原创 vue2使用elementUI报错
在vue2中安装elementUI,在全局引入elementUIcss的时候报错,解决办法是在根目录下新建一个名称为postcss.config.js文件。重启项目就可以正常运行,elementUI的样式也可以正常使用。
2024-04-24 15:07:24 692
原创 bootstrap表格添加titleTooltip属性
当表头过窄,表头内容显示不全时,添加titleTooltip属性可以时hover时显示全部。
2022-08-19 16:59:36 973
原创 input框输入的值无法获取
let res = document.getElementById('pjContent1')res.oninput=function(){ contentValue=res.value}在Django admin中的前端文件中插入input框,结果一直取不到input里面输入的值,通过上述方法可以实现取值
2022-05-30 10:49:58 2016
原创 Django admin语言页面表格合并行
autoRowSpan(result_list) function autoRowSpan(tb) { // 第0行表头,跳过;第0列,复选框,跳过 let row = 1, col = 1; let lastValue = ""; let value = ""; let pos = 1; for (let col = 1; col < 3;
2022-05-22 10:57:08 420
原创 echarts点击事件,点击切换数据
myChart.on('legendselectchanged', function(params) { if(params.name == 'B级') { option.yAxis.data = xData1; option.series[0].data = shadowData1; } else if(params.name == 'C级') { option.yAxis.data = xData2; option.series[0].data = shado
2022-05-13 11:01:25 2762
原创 美化滚动条
在项目中美化滚动条,添加如下css样式::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0.1); border-radius: 0;}::-webkit-scrollbar { -webkit-appearance: none; width: 6px; height: 6px;}::-webkit-scrollbar-thumb { cursor: pointer; border
2022-05-11 16:14:47 128
原创 vue项目中swiper组件中嵌套使用echarts
在swiper轮播中嵌套使用echarts,echarts中的点击事件失效(我项目中的失效体现在legend图例上的点击事件失效),开始的时候以为是echarts的使用上可能有什么问题,导致失效,后面做了很多处理,查阅官方文档及很多博客之后还是没有效果,后面就发现是因为嵌套在swiper中才会失效,如果出现这种情况,在swiper设置的时候添加如下代码就可以解决该问题 。touchStartPreventDefault:false,...
2022-05-11 10:59:10 963
原创 vue axios请求封装处理
创建一个request.js文件,在里面将axios请求公用的部分进行封装处理,如下import axios from 'axios';//创建新的axios实例const service= axios.create({ timeout: 5000});//请求拦截器,发送请求前做一些处理,根据自己的需求进行添加service.interceptors.request.use( config => { config.baseURL = 'http://127
2022-05-09 14:27:02 338
原创 vue中使用echarts
在vue项目中使用echarts:第一步,先下载echartsnpm install echarts --save第二步,可根据自己项目需求引入,如果是多页面引用,在main.js文件中全局引用import * as echarts from 'echarts'//import echarts from 'echarts'这种写法引入不生效Vue.prototype.$echarts = echarts第三步,使用方法<template> <div class="
2022-05-09 13:46:16 624 2
原创 vue引入css文件导致全局污染
1.写在单组件的style里面css样式,如果标签内不加scoped可能会影响其他组件的样式<style scoped></style>2.通过import引入的外部css文件,这种引入方式是全局的,也会影响其他组件的页面样式所以可以通过一下方法引入,则不会影响其他组件的页面样式<style src="文件路径"></style>...
2022-04-25 15:50:09 3267
原创 vue父子通信
子传父在子组件中通过$emit传值 this.$emit('change', this.falg);在父组件中使用子组件<the-dialog v-if="falg" @change="cost($event)"></the-dialog>事件处理相关函数async cost(value){ this.falg=value}父传子父组件中写入参数title<the-dialog v-if="falg" @change="cost($event
2022-04-21 14:43:30 932
原创 数据解析合并
将多个数组的数据根据下标放入新的数组中(通俗来说就是每个数组的同样下标的数据组成一个新的数组)例如:0: (6) [26.67, 35, 51.67, '', 35, 42.5]1: (6) ['', '', '', '', 35, 42.5]2: (6) ['', '', '', '', 35, 42.5]3: (6) [26.67, 35, 51.67, 40, 35, 42.5]4: (6) [26.67, 35, 51.67, 40, 35, 42.5]5: (6) ['', '',
2022-04-19 14:17:45 56
原创 bootstrap排序
今天在项目中看到一个bug,前端使用bootstrap创建和渲染表格,给某些列新增排序功能,但是点击排序的按钮之后分页失效,会直接将所有数据一页展示,但是再点击分页的按钮时分页功能又是可以用的,查看代码之后取消pagenation:false属性之后,点击排序就不会影响分页。如下图所示...
2021-12-28 14:04:05 843
原创 highcharts绘制3d饼状图
let dataValue1=['香蕉', 8], ['猕猴桃', 3], ['桃子', 1], ['橘子', 6], ['苹果', 8], ['梨', 4], ['柑橘', 4], ['橙子', 1], ['葡萄', 1] let option = { chart: { type: 'pie', options3d: { enabled: true, ...
2021-12-06 17:03:40 966
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人