四月_h-CSDN博客

let res = document.getElementById('pjContent1')res.oninput=function(){ contentValue=res.value}在Django admin中的前端文件中插入input框，结果一直取不到input里面输入的值，通过上述方法可以实现取值

2022-05-30 10:49:58 1946

原创 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 375

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 2652

原创美化滚动条

在项目中美化滚动条，添加如下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 121

原创 vue项目中swiper组件中嵌套使用echarts

在swiper轮播中嵌套使用echarts，echarts中的点击事件失效（我项目中的失效体现在legend图例上的点击事件失效），开始的时候以为是echarts的使用上可能有什么问题，导致失效，后面做了很多处理，查阅官方文档及很多博客之后还是没有效果，后面就发现是因为嵌套在swiper中才会失效，如果出现这种情况，在swiper设置的时候添加如下代码就可以解决该问题。touchStartPreventDefault:false,...

2022-05-11 10:59:10 874

原创 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 309

原创 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 552 2

原创 vue引入css文件导致全局污染

1.写在单组件的style里面css样式，如果标签内不加scoped可能会影响其他组件的样式<style scoped></style>2.通过import引入的外部css文件，这种引入方式是全局的，也会影响其他组件的页面样式所以可以通过一下方法引入，则不会影响其他组件的页面样式<style src="文件路径"></style>...

2022-04-25 15:50:09 3182

原创 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 925

原创数据解析合并

将多个数组的数据根据下标放入新的数组中(通俗来说就是每个数组的同样下标的数据组成一个新的数组)例如：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 49

原创 bootstrap排序

今天在项目中看到一个bug，前端使用bootstrap创建和渲染表格，给某些列新增排序功能，但是点击排序的按钮之后分页失效，会直接将所有数据一页展示，但是再点击分页的按钮时分页功能又是可以用的，查看代码之后取消pagenation：false属性之后，点击排序就不会影响分页。如下图所示...

2021-12-28 14:04:05 827

原创 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 919

转载文字随浏览器窗口变化而变化

(function(doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize', recalc = function() { var clientWidth = docEl.clientWidth; ..

2021-12-02 16:40:20 160

空空如也

空空如也