- 博客(180)
- 问答 (1)
- 收藏
- 关注
原创 vue+h5+js-sdk 实现分享的功能(分享至好友/朋友圈)
用户在h5 页面中实现微信的分享至好友、分享至朋友圈的功能、且实现的方式为卡片的形式(附带效果图、踩过的坑、注意事项)
2024-04-03 10:31:08
2566
1
原创 elementUI 中使用 Popover 弹出框 el-popover自 如何自定义样式 ?(出现 popper-class 不生效,如何解决 ?)
这是因为el-popper生成的div不在当前组件之内,甚至不在App.vue组件的div内,他和App.vue组件的div平级。所以需要全局设置style ~~~~~~~发现自己对el-popper写的样式不起作用,甚至连使用。
2024-03-18 18:22:21
2756
原创 element-ui 中 使用<el-upload></el-upload>组件,第二次点击上传无反应
【代码】element-ui 中 使用组件,第二次点击上传无反应。
2024-03-09 11:38:00
1927
原创 uniapp 如何嵌套H5 页面?
首先需要安装uni-app的依赖包,然后创建一个新的页面(比如名为"WebPage.vue")作为容器页面,并将其放置于pages目录下。各小程序平台,web-view 加载的 url 需要在后台配置域名白名单,包括内部再次 iframe 内嵌的其他 url。是一个 web 浏览器组件,可以用来承载网页的容器,会自动铺满整个页面(nvue 使用需要手动指定宽高)。当点击进入到WebPage页面时,会自动加载指定的H5页面内容。最后,在manifest.json文件中注册这个页面,确保能正常打开。
2024-02-22 16:04:44
1711
原创 vue 中 Vue.prototype 详解及使用
我们可能会在很多组件里用到数据/实用工具,但是不想污染全局作用域。这种情况下,可以通过在原型上定义它们使其在每个 Vue 的实例中可用。
2024-02-21 09:44:38
1200
原创 vue + elementui 中 使用了 懒加载的 tree(<el-tree></el-tree>),点击按钮重置tree
【代码】vue + elementui 中 使用了 懒加载的 tree(),点击按钮重置tree。
2023-05-10 15:14:14
3214
3
原创 npm install 时,报错 electron@13.6.9 postinstall: `node install.js`
npm install 时,报错 electron@13.6.9 postinstall: `node install.js`
2022-12-15 09:42:38
4008
1
原创 node安装指定版本 (LTS 长期稳定版本,Current 最新版本)
node安装指定版本 (LTS 长期稳定版本,Current 最新版本)
2022-12-15 09:36:58
3791
原创 npm install 安装时i,报错 phantomjs-prebuilt@2.1.16 install: `node install.js`
phantomjs-prebuilt@2.1.16 install: `node install.js` 出错
2022-12-15 09:29:27
3155
原创 运行 npm install 时,卡在 loadDep:@babel/types: sill install loadAllDepsIntoIdealTree 不动
npm install 时,一直停留在loadDep:@babel/types: sill install loadAllDepsIntoIdealTree 不动,如何解决?
2022-12-15 09:15:03
1587
1
原创 network request mode
前端的网络请求方式(一)一、前端进行网络请求的关注点大多数情况下,在前端发起一个网络请求我们只需关注下面几点:传入基本参数(url,请求方式)请求参数、请求参数类型设置请求头获取响应的方式获取响应头、响应状态、响应结果异常处理携带cookie设置跨域请求二、前端进行网络请求的方式form表单、ifream、刷新页面Ajax - 异步网络请求的开山鼻祖jQuer...
2022-10-24 17:07:30
1084
原创 解决微信小程序中当数据少于display-multiple-items设置的数时,会出现不显示数据的情况 ?
一、通过判断其数组长度二、将两种情况分开写,大于要设置的数量时,写一种样式,小于时,再写一种样式
2022-04-11 15:10:15
3527
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
3177
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
2266
原创 微信小程序使用 swiper时 指示点的位置控制
微信小程序使用 swiper时 指示点的位置控制.wx-swiper-dots.wx-swiper-dots-horizontal { margin-bottom: 200rpx;}通过以上代码就可以控制指示点的位置
2022-03-29 09:37:47
2875
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
12325
原创 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
7106
原创 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
4551
原创 vue 中 自定义组件,并在页面中进行注册使用
vue 中自定义组件(components),并在页面中进行引入注册使用一、首先进行组件自定义,写在components 中二、在需要显示的页面中进行使用先引用 (驼峰名命名法)在component 中进行注册在页面中进行使用...
2022-03-25 10:41:59
1823
原创 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
4871
原创 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
14438
11
原创 解决微信小程序中 swiper在 ios 中圆角不显示的问题
解决微信小程序中 swiper 在 ios 中圆角不显示的问题(在android中可正常显示)解决办法?.swiper {// 给swiper 添加以下属性 transform: translateY(0); }
2022-01-12 08:47:37
3817
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
2085
空空如也
vue中 El-time-select赋值不上去
2022-04-07
TA创建的收藏夹 TA关注的收藏夹
TA关注的人