比较菜的Curry-CSDN博客

原创 vue中＜slot＞插槽的使用

号是v-slot指令的缩写。子组件的name用来给各个插槽分配唯一的 ID。想要展示子组件的内容，子组件可以在渲染时将一部分数据提供给插槽。5.具名作用域插槽。在作用域插槽的基础上加上名称。

2024-07-10 11:56:51 156

原创 vue使用provide、inject进行爷孙传值。代替props

1.在开发中在需要进行爷组件对孙组件进行传值时，如果使用prop进行传值，就会先通过props将爷组件的值传给爸组件，再通过爸组件传给孙组件，过程就会有点繁琐。这时可以通过provide提供依赖以及inject注入依赖的方式进行传值。我这里是爷组件提供一个函数，孙组件注入这个函数，就可以调用这个函数。另外，如果使用响应式的话直接修改注入的值会导致爷组件内的值改变。另外：还可以传入多个参数，如一个字符串和一个函数。这样在爷组件的方法内就能收到传过去的val。

2024-07-09 15:51:31 324

原创 vue3父组件调用子组件方法，值为undefined

注意：在父组件中引入子组件不要使用v-if，否则打印的value值为undefined。2.定义方法并通过defineExpose方法暴漏出去，并在return中返回。2.定义与ref名字一样的值，并在return中返回。子组件：1.引入defineExpose方法。问题：在负组件中调用子组件方法找不到值。父组件：1.定义ref。

2023-07-17 18:17:39 1643

原创监听uniapp小程序页面滚动到底部实现数据加载

使用微信小程序自带的生命周期事件：onReachBottom，可以监听到页面滚动到底部的时候。2.在监听到页面滚动到底部时，修改页数，调用获取数组的方法并配合组件修改状态至加载中。修改获取数据的分页页数，配和uniapp组件加载更多，就可以实现下拉加载刷新的过程。3.获取到新数据通过concat方法添加到原本的数据就完成了。1.在data中初始化分页的页数。

2023-03-29 16:11:57 2591

原创 uniapp横向选项卡（水平导航栏）滚动效果

【代码】uniapp横向选项卡（水平导航栏）滚动效果。

2023-03-23 14:15:56 1172

原创如何对循环中的div动态添加单独的样式

如何对循环中的div动态添加单独的样式

2023-03-17 16:43:14 502

原创如何获取style里面的属性

1.在对网页进行调试时，或者获取样式属性时，一般只能获取到写在行内style里面的样式，而没有办法获取到<style></style>里面的属性，比如以下情况：<html> <head> <meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ /> <title>JS获取CSS属性值</title> <style type=”t

2022-01-11 17:15:10 1791

原创 CSS 滚动条（scrollbar）的样式设置

1.滚动条的滚动方向overflow:scroll /* x y 方向都会*/或者overflow-x:scroll /*只是x方向*/或者overflow-y:scroll /*只是y方向*/2.滚动条的属性::-webkit-scrollbar //滚动条整体部分::-webkit-scrollbar-button //滚动条两端的按钮::-webkit-scrollbar-track // 外层轨道::-webkit-scrollbar-track-pie

2021-12-06 10:24:45 930

原创前端JS如何导出csv文件

第一步：安装引入npm install -- save csv-exportimport CsvExportor from 'csv-exportor'第二步：配置导出数据tableData: [ { date: "2016-05-02", name: "王小虎", address: "上海市普陀区金沙江路 1518 弄", age: 18, time: "2010-1

2021-11-29 10:16:02 1216 1

原创如何让一个div（盒子）里面的两个div（盒子）垂直居中

需要使用弹性盒属性.dd { display: flex; flex-direction: column; justify-content: space-evenly; align-items: center; border: 1px solid red; width: 400px; height: 400px; }

2021-11-08 14:33:40 2878

原创根据内容的长度自定义二维数组

var arr = new Array() for (let k = 0; k < data.length; k++) { //根据数据的长度定义二维数组 arr[k] = new Array() }

2021-10-27 10:56:28 149

原创 Echarts如何让标题和副标题一行或者让标题的几个字不同样式

这时候我们可以将标题写成数组的形式，设置不同样式达到想要的效果。title: [ { text: '我是', right: '42', //距离 textStyle: { fontSize: 30, color: '#000', }, }, { text: '标题

2021-10-25 10:33:29 1379

原创 js 对日期进行排序

let data = [ { count:"8", name: "21-09" },{ count:"8", name: "20-11" },{ count:"8", name: "20-12" },{ .

2021-10-22 10:52:31 1083

原创 js数组反转的几种方法

第一种：创建一个新数组使用reverse()的方法进行反转。let arr = [1,2,3,4]let arr1 = arr.reverse()console.log(arr1); //[4, 3, 2, 1]第二种：利用数组循环，使用unshift()方法将新项添加到数组的开头，并返回新的长度。unshift()方法会改变数组的长度。let arr2 = [1,2,3,4]let arr3 = []arr2.forEach((element) => { ..

2021-10-22 09:48:17 36408 1

原创 Echarts图表隐藏X轴和Y轴

有些需求是将Echarts表充满整个盒子，看不到X轴和Y轴，就像下面这个样式。这个时候需要隐藏X轴和Y轴以及相关信息。show为false的时候为隐藏，true为显示。option = { grid: { left: '0%', //距左边边框的距离 right: '0%', //距右边边框的距离 bottom: '-20',//距下面边框的距离 top: '30', //距上面边框的距离

2021-10-21 10:55:13 16815 1

原创 EchartsX轴如何让字进行换行

有些Echarts图会让X轴的字体进行换行，需要在xAxis的axisLabel里面加入formatter的方法：xAxis:{ axisLable:{ formatter:function(value) //X轴的内容 { var ret = ""; //拼接加\n返回的类目项 var max = 2; //每行显示的文字字数 var val = val

2021-10-20 15:19:20 8724 5

原创 Echarts图表随这屏幕大小而改变大小的问题

添加以下代码当一个组件里面有多个Echarts表的时候，只能生效添加此方法的最后一个，需改成以下方法解决此问题：

2021-10-20 10:28:32 267

原创关于Echarts玫瑰图鼠标悬浮出现弹窗提示信息的问题

在option中添加tooltip提示框组件就可以了但是这个时候显示的数据并不多，会有一个类型名称和数量，如果要自定义内容的话，可以添加formatter方法params里面有更多的信息，包括颜色、占比等。...

2021-10-20 10:19:44 576

原创 echarts鼠标悬浮产生页面抖动的问题

这一段时间一直发现当页面刷新之后鼠标去划过Echarts图的时候页面回抖动一下，刚开始还以为是页面排版的问题，当检查后发现把Echarts图隐藏之后这个问题就没有了，查过资料后发现是提示框浮层的移动动画过渡时间的问题，把下方属性加上之后问题就解决了...

2021-10-20 09:51:51 1137 2

weixin_51523667的博客