自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(180)
  • 问答 (1)
  • 收藏
  • 关注

原创 js 事件阻止冒泡(div中两个点击事件)

js 事件阻止冒泡(div中两个点击事件)

2024-04-11 10:00:30 64

原创 HTML、CSS表格的斜表头设置

HTML、CSS表格的斜表头设置。

2024-04-08 16:31:43 302

原创 vue 实现的h5 页面,如何设置页面中的 title

vue 实现的h5 页面,如何设置页面中的 title。

2024-04-03 10:58:44 459

原创 vue+js-sdk+h5 公众号静默授权,获取用户信息

在vue 项目中,通过使用微信公众号的 `网页授权开发`,获取用户信息(openid)

2024-04-03 10:31:51 377

原创 vue+h5+js-sdk 实现分享的功能(分享至好友/朋友圈)

用户在h5 页面中实现微信的分享至好友、分享至朋友圈的功能、且实现的方式为卡片的形式(附带效果图、踩过的坑、注意事项)

2024-04-03 10:31:08 506

原创 elementUI 中使用 Popover 弹出框 el-popover自 如何自定义样式 ?(出现 popper-class 不生效,如何解决 ?)

这是因为el-popper生成的div不在当前组件之内,甚至不在App.vue组件的div内,他和App.vue组件的div平级。所以需要全局设置style ~~~~~~~发现自己对el-popper写的样式不起作用,甚至连使用。

2024-03-18 18:22:21 848

原创 vue + element-ui 项目详情页面显示字典的值?

【代码】vue + element-ui 项目详情页面显示字典的值?

2024-03-09 11:52:38 429

原创 element-ui 中 upload组件 如何传递额外的参数 ?

【代码】element-ui 中 upload组件 如何传递额外的参数?

2024-03-09 11:47:48 580

原创 element-ui 中 使用<el-upload></el-upload>组件,第二次点击上传无反应

【代码】element-ui 中 使用组件,第二次点击上传无反应。

2024-03-09 11:38:00 839

原创 vue中,通过正则校验 手机号码格式

【代码】vue中,通过正则校验 手机号码格式。

2024-02-26 15:21:10 519

原创 vue 实现地图创建(高德地图)

【代码】vue 实现地图创建(高德地图)

2024-02-26 14:58:26 553

原创 uniapp 引入h5页面

【代码】uniapp 引入h5页面。

2024-02-22 16:12:49 714

原创 uniapp 如何嵌套H5 页面?

首先需要安装uni-app的依赖包,然后创建一个新的页面(比如名为"WebPage.vue")作为容器页面,并将其放置于pages目录下。各小程序平台,web-view 加载的 url 需要在后台配置域名白名单,包括内部再次 iframe 内嵌的其他 url。是一个 web 浏览器组件,可以用来承载网页的容器,会自动铺满整个页面(nvue 使用需要手动指定宽高)。当点击进入到WebPage页面时,会自动加载指定的H5页面内容。最后,在manifest.json文件中注册这个页面,确保能正常打开。

2024-02-22 16:04:44 1249

原创 vue 如何配置自定义页面的静态路由?

【代码】vue 如何配置自定义页面的静态路由?

2024-02-21 11:25:16 319

原创 vue 中 Vue.prototype 详解及使用

我们可能会在很多组件里用到数据/实用工具,但是不想污染全局作用域。这种情况下,可以通过在原型上定义它们使其在每个 Vue 的实例中可用。

2024-02-21 09:44:38 1041

原创 vue 中如何使用 cookie

【代码】vue 中如何使用 cookie。

2024-02-20 17:24:45 456

原创 vue + elementui 中 使用了 懒加载的 tree(<el-tree></el-tree>),点击按钮重置tree

【代码】vue + elementui 中 使用了 懒加载的 tree(),点击按钮重置tree。

2023-05-10 15:14:14 2933 3

原创 npm install 时,报错 [email protected] postinstall: `node install.js`

npm install 时,报错 [email protected] postinstall: `node install.js`

2022-12-15 09:42:38 3704 1

原创 node安装指定版本 (LTS 长期稳定版本,Current 最新版本)

node安装指定版本 (LTS 长期稳定版本,Current 最新版本)

2022-12-15 09:36:58 3043

原创 npm install 安装时i,报错 [email protected] install: `node install.js`

[email protected] install: `node install.js` 出错

2022-12-15 09:29:27 3014

原创 运行 npm install 时,卡在 loadDep:@babel/types: sill install loadAllDepsIntoIdealTree 不动

npm install 时,一直停留在loadDep:@babel/types: sill install loadAllDepsIntoIdealTree 不动,如何解决?

2022-12-15 09:15:03 1226 1

原创 js 计算两个日期之间相差的天数,并适配 Ios

【代码】js 计算两个日期之间相差的天数,并适配 Ios。

2022-12-01 10:36:38 1014

原创 network request mode

前端的网络请求方式(一)一、前端进行网络请求的关注点大多数情况下,在前端发起一个网络请求我们只需关注下面几点:传入基本参数(url,请求方式)请求参数、请求参数类型设置请求头获取响应的方式获取响应头、响应状态、响应结果异常处理携带cookie设置跨域请求二、前端进行网络请求的方式form表单、ifream、刷新页面Ajax - 异步网络请求的开山鼻祖jQuer...

2022-10-24 17:07:30 979

原创 微信小程序实现输入车牌号码的功能(附效果图)

微信小程序实现输入车牌号码的功能

2022-10-06 15:16:17 10658 4

原创 微信小程序中 在xwml 中使用外部引入的 js进行判断计算

微信小程序中 在xwml 中使用外部引入的 js进行判断计算

2022-06-29 18:01:27 1462

原创 微信小程序获取图片的宽高,以及如何获取手机设备的宽高?

如何在微信小程序中获取图片的宽高 ?

2022-05-03 17:42:23 4763

原创 js 实现对下拉选项的取值,以及监听下拉选择后绑定的值

h5 中,select 的值的赋值,值的下拉选择,值的获取等

2022-04-13 10:14:27 3263

原创 解决微信小程序中当数据少于display-multiple-items设置的数时,会出现不显示数据的情况 ?

一、通过判断其数组长度二、将两种情况分开写,大于要设置的数量时,写一种样式,小于时,再写一种样式

2022-04-11 15:10:15 3083 1

原创 微信小程序解决跳转时携带参数乱码的问题 ?

问题场景在微信小程序中,页面之间传递参数时,参数时链接时,在下个页面出现链接乱码的问题解决办法(先通过 encodeURIComponent 进行编码)wx.navigateTo({ url: '/pages/hot_detail_url/hot_detail_url?id=' + e.currentTarget.dataset.id + '&url=' + encodeURIComponent(e.currentTarget.dataset.url)})在接收页面中进行解码

2022-04-11 14:52:33 2974 1

原创 vue 项目中使 实现粒子动态 背景图

在vue中,实现粒子动态背景图的效果首先安装 插件npm install vue-particles --save-dev在main.js 文件中进行引用注册// 动态粒子import VueParticles from 'vue-particles' Vue.use(VueParticles)在页面中直接使用 <vue-particles color="#409EFF" :particleOpacity="0.7" :particlesNumber

2022-04-08 16:06:25 2163

原创 微信小程序使用 swiper时 指示点的位置控制

微信小程序使用 swiper时 指示点的位置控制.wx-swiper-dots.wx-swiper-dots-horizontal { margin-bottom: 200rpx;}通过以上代码就可以控制指示点的位置

2022-03-29 09:37:47 2630 1

原创 vue中 给元素添加鼠标移入,鼠标移出的效果的事件

在vue 中鼠标移入方法为 v-on:mouseover,鼠标移出方法为 v-on:mouseout使用方法如以下代码中的写法<div class="subei1" id="subei1" v-on:mouseover="changeActive()" v-on:mouseout="removeActive()" @click.stop="changeStyle()"></div方法如下: changeActive(id) {

2022-03-28 15:54:21 12134

原创 vue 中 watch 监听方法的写法

实现效果描述 :监听form表单中一个值的变化,清空某个值 watch:{ 'form.callPoliceSort':function(newValue){ // 监听form表单中callPoliceSort字段值的变化,变化了将需要清空的值进行清空 console.log('newValue',newValue); this.form.callPoliceType = ''; this.form.callPoliceClass = '';

2022-03-25 17:15:52 6929

原创 element-ui 中 若依后台默认删除提示框样式修改

vue + element-ui +若依框架,默认的删除弹窗如何修改样式代码如下:需要自定义弹窗的样式/** 删除按钮操作 */handleDelete(row) { const ids = row.id || this.ids; this.$confirm( '是否确认删除排班表中警员编号为"' + row.policeCode + '"的数据项?', "提示", { customClass: "message-logout", } )

2022-03-25 14:53:27 4448

原创 vue 中 自定义组件,并在页面中进行注册使用

vue 中自定义组件(components),并在页面中进行引入注册使用一、首先进行组件自定义,写在components 中二、在需要显示的页面中进行使用先引用 (驼峰名命名法)在component 中进行注册在页面中进行使用...

2022-03-25 10:41:59 1797

原创 element-ui 中的 table 去除默认的边框

element-ui 中table 边框如何去除/* 去除表格的边框 */.table_box /deep/ td.el-table__cell { border: none;}.table_box /deep/ th.el-table__cell { border: none;}.user_box /deep/ .el-table::before { left: 0; bottom: 0; width: 100%; height: 0;}注:此处的 .tabl

2022-03-25 10:19:44 4661

原创 element-ui中修改 el-table 的样式,头部样式的修改(附效果图)

element-ui 中 表格的默认样式修改

2022-03-25 10:00:37 2413

原创 npm install --save core-js/modules/es.error.cause.js 报错

npm install --save core-js/modules/es.error.cause.js 报错解决方法:先删除 node_modules 依赖 npm rm -rf node_modules 首先安装 报错的插件 npm install --save core-js最后再 npm install 或者 yarn install npm install yarn install...

2022-03-02 08:46:32 14096 11

原创 解决微信小程序中 swiper在 ios 中圆角不显示的问题

解决微信小程序中 swiper 在 ios 中圆角不显示的问题(在android中可正常显示)解决办法?.swiper {// 给swiper 添加以下属性 transform: translateY(0); }

2022-01-12 08:47:37 3771 2

原创 element-ui + vue 实现查看大图(旋转+缩放+全屏)

vue 中实现查看大图的功能(包括缩放,旋转,全屏展示等)<div class="demo_image__preview avatar" v-for="(p,k) in JSON.parse(item.letterOfAdmission)" :key="k"> <el-image style="width: 100%; height: 100%" :src="p.url" :preview-src-list="getPreviewImgList(JSON.p

2021-12-29 11:59:45 1852

空空如也

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

TA关注的人

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