自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(99)
  • 收藏
  • 关注

原创 Error in v-on handler: “Error: Initialize failed: invalid dom.“

使用echarts时,出现了第一次打开弹框时图表未显示。之后打开是可以显示的。

2024-04-23 17:32:42 356 1

原创 Edge浏览器报“此网站已被人举报不安全”

Edge浏览器报“此网站已被人举报不安全”

2024-01-29 17:05:04 581 1

原创 关于jsx

1.定义虚拟dom时,不要写引号.2.标签中混入js表达式时要用{}.3.样式的类名指定不要用class,要用className.4.内联样式,要style={{key:value}}的语法写.5.只有一个根标签.6.标签必须闭合.

2023-10-13 15:53:58 145

原创 uniapp项目-HBuilderx打包问题

在manifest.json文件,把运行的基础路径改掉你所需要的就行了,默认d的是'./'比如:有些h5做映射时需要加一个项目名,那我们打包的时候就要在喷织文件做设置。在项目中,有时候会有需求说要加一个文件前缀之类的,

2023-09-15 09:14:29 389

原创 uniapp——生成一个签字板

【代码】uniapp——生成一个签字板。

2023-09-15 08:36:18 637

原创 判断数组对象中,某一个key的值是否一致。

判断数组对象中,某一个key的值是否一致。

2023-08-28 15:42:47 89

原创 draggable里包裹的卡片,卡片里有个input,点击input聚焦无效。

draggable里包裹的卡片,卡片里有个input,点击input聚焦无效。

2023-06-29 09:47:36 737

原创 js两个数组对象找出id一致的数据并放到数组中

【代码】js两个数组对象找出id一致的数据并放到数组中。

2023-06-09 16:21:37 1664

原创 javascript 快速找出两个数组中不同元素

【代码】javascript 快速找出两个数组中不同元素。

2023-06-09 10:43:46 211

原创 el-table .el-table__fixed-right改变滚动条宽度之后,右侧显示底部文字

el-table .el-table__fixed-right 解决:改变表格滚动条宽度之后,右侧显示底部文字内容。

2023-05-19 11:19:25 513

原创 el-table 修改滚动条样式,有空缺

【代码】el-table 修改滚动条样式,有空缺。

2023-03-06 14:06:50 406

原创 文件上传组件封装

文件上传组件封装

2023-02-27 08:43:28 240

原创 el-input type=“number“ 只能输入大于0 的数字

el-input type="number" 只能输入大于0 的数字

2023-02-13 16:19:24 1376

原创 element邮箱校验

element邮箱校验

2023-02-10 14:14:31 1192

原创 时间选择器设置:(不能选择此刻之后的时间)

时间选择器设置:(不能选择此刻之后的时间)

2023-02-10 13:25:21 173

原创 element-ui.common.js?5c96:2432 Uncaught TypeError: Cannot read properties of null (reading ‘‘setAttr

element-ui.common.js?5c96:2432 Uncaught TypeError: Cannot read properties of null (reading 'setAttribute')

2023-02-07 09:41:58 2092 2

原创 echarts-锥型柱状图

echarts-锥型柱状图

2022-11-11 14:55:24 1669

原创 element表格样式设置

【代码】element表格样式设置。 :row-style="$store.state.app.rowStyle" //表格每行的样式 :data="dataList" //数据 height="calc(100vh - 390px)" //表格高度 :header-cell-style="$store.state.app.headerRowStyle" //表头的样式设置 :cell-style="$store.state.app.cellStyle" //单元格的样式

2022-11-02 15:32:40 455

原创 关于vuex、params、query传参,页面刷新丢失参数问题?

在开发中,使用vuex、params、query获取参数,页面刷新时,再去获取参数时undefined。

2022-10-28 16:00:56 564

原创 TypeScript——继承、super、抽象类

abstract class Animal { name: String sex: string constructor(name: string, sex: string) { this.name = name this.sex = sex } // sayHello() { // console.log('hello') // } /** * 抽象类 * 以abstract开头.

2022-08-05 14:04:27 271

原创 TypeScript——构造函数和this

class Car { name: string age: number //constructor 被称为构造函数 // 构造函数会在对象创建时调用 constructor(name: string, age: number) { //在实例方法中,this就表示当前的实例 // 在构造函数中当前对象就是新建的那个对象 // 可以通过this向新建的对象中添加属性 this.name = name

2022-08-04 19:51:07 427

原创 TypeScript——类(class)

//使用class关键字来定义一个类/** 对象中主要包含了两部分:属性 方法*/class Person { /** * 直接定义的属性是实例属性,需要通过对象的实例去访问: * const per = new Person(); * per.name * * 使用static开头的属性是静态属性(类属性),可以直接通过类去访问属性: * Person.age * *

2022-08-04 19:39:07 315

原创 TypeScript

类型、支持ES的新特性、添加ES不具备的的新特性、丰富的配置选项、强大的开发工具。

2022-08-04 19:38:01 89

原创 使用wabpack打包ts(配置)

使用wabpack打包ts(配置)

2022-08-03 12:25:04 163

原创 TypeScript—— 函数实现重复。ts(2393)

解决办法:到根目录下执行命令:tsc --init 即可,会生成一个tsconfig.json文件。

2022-07-22 17:25:07 1143

原创 解决跨域(一)proxy

解决跨域(一)proxy。

2022-07-17 16:40:14 195

原创 vue.config.js 文件配置

代码】webpack配置(vue.config.js)

2022-07-17 16:31:48 1177

原创 实现一个父子组件居中的css样式

1、定义一个浏览器宽高大小的容器:2、子类样式实现在父类中居中:

2022-07-12 16:56:32 269

原创 toRef与toRefs

作用:创建一个ref对象,其value值指向另一个对象中的某个属性;语法:const name = toRef(person,'name');应用:要将响应式对象中的某个属性单独提供给外部使用时;扩展:toRefs与toRef功能一致,但可以批量创建多个ref对象,语法:toRefs(person). eg:...

2022-06-25 18:01:14 592

原创 js常用数组使用方法

第一个参数是要查找的元素,第二个表示从哪个位置开始查找; 在数组中查找元素时,找到即返回对应元素的索引,如找不到则返回-1; lastIndexOf 和indexOf()用法一样,只不过他是从后面开始查找; concat() 合并两个或多个数组,不会改变原数组,返回合并后的新数组; arr.concat(),无参数时,直接调用用数组的浅拷贝,也就是复制原数组;unshift() 数组开头添加一个或多个元素,会改变原数组,返回数组长度; 语法:

2022-06-22 21:09:43 155

原创 vue3的computed函数、watch函数、watchEffect函数

二、 watch函数 与vue2.x中的watch配置功能一致; 两个小‘坑’: 监视reactive定义的响应式数据时:oldValue无法正确获取、强制开启了深度监视(deep配置无效); 监视reactive定义的响应式数据中某个属性时:deep配置有效。 三、watchEffect函数 watch的套路是:既要指明监视的属性,也要指明监视的回调; watchEffect的套路是:不用指明监视的哪个属性,监视的回调中用到的哪个属性,那就监视哪个属性;

2022-06-21 14:52:17 262

原创 vue3.x的watch函数

一、与vue2.x中的watch配置功能一致;二、两个小‘坑’:(1)、监视reactive定义的响应式数据时:oldValue无法正确获取、强制开启了深度监视(deep配置无效);(2)、监视reactive定义的响应式数据中某个属性时:deep配置有效。...

2022-06-19 23:29:56 234

原创 vue3.x中eslint-disable禁用检查设置

vue3.x中eslint-disable禁用检查设置

2022-06-18 19:32:18 597

原创 vue3.x 的computed函数

vue3.x 的computed函数

2022-06-16 11:11:16 192

原创 setup的两个注意点

setup执行的时机在beforeCreate之前执行一次,this是undefined。setup的参数props:值为对象,包含:组件外部传递过去,且组件内部声明接收了属性;context:上下文对象attrs:值为对象,包含:组件外部传递过来,但没有在props配置中声明的属性,相当于this.$attrs;slots:收到的插槽内容,相当于this.$slots;emit:分发自定义事件的函数,相当于this.$emit。...

2022-06-15 22:28:09 55

原创 vue3.0中响应式原理

vue3响应式:实现原理:通过Proxy(代理):拦截对象中任意属性的变化,包括:属性值得读写、属性的添加、属性的删除等;通过Reflect(反射):对被代理对象的属性进行操作;

2022-06-14 23:13:43 224

原创 vue脚手架配置代理

vue脚手架配置代理

2022-06-14 22:37:28 77

原创 ref函数和reactive函数

ref:作用:定义一个响应式的数据。语法:const XXX = ref(initValue)创建一个包含响应式数据的引用对象(reference对象,简称ref对象)js中操作数据:xxx.value模板中读取数据:不需要.value,直接:{{xxx}}......、reactive函数作用:定义一个对象类型的响应式数据(基本类型不要用它,要用ref函数)语法:const代理对象 = reactive(源对象)接收一个对象(或数组),返回一个代理对象(proxy对象)......

2022-06-14 14:05:28 1178

原创 路由器的两种工作模式(hash/history)

1、对于一个url来说,什么是hash值?2、hash值不会包含在HTTP请求中 3、hash模式:4、history模式:

2022-06-13 16:35:19 161

原创 vue插槽 slot

slot插槽:让父组件可以向子组件指定位置插入html结构,也是一种组件通信的方式,适用于父组件-->子组件。

2022-06-08 22:39:04 54

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除