- 博客(16)
- 收藏
- 关注
原创 仿淘宝搜索历史,搜索词超两行隐藏,出现展开图标
<template><!-- 搜索框部分 --><div class="search-input"> <van-search v-model="searchValue" show-action :placeholder=searchTip background="rgb(35, 134, 227)" @search="onSearch".
2022-05-31 15:03:13
446
原创 解决vue 同页面跳转不刷新问题
最近有做到一个需求,其中一个点是需要从当前页跳转到当前页的,但后面发现同页面跳转不会进行页面的刷新,进而页面数据还是不变。需要做到跳转同页面进行数据刷新主要有两种方法1.用一个空白页面作为中转站(只是这样URL会发生变化)...
2022-05-31 14:32:04
3459
原创 解决van-popup导致页面无法滑动问题
在vue2中,van-popup组件有一个默认锁定背景滚动但当背景内容不止一页时就很麻烦,所以这时需要给van-popup标签添加 :lock-srcoll="false" <van-popup v-model="showPopup" :lock-scroll="false"> <img class="popup-close" @click="showPopup = false" src="../assets/images/X.png" /> </van
2022-03-17 16:51:15
4182
5
原创 vue DES加密、解密
//des 加密 encryptByDESModeCBC(ciphertext2, keyItem,ivItem) { const key = CryptoJS.enc.Utf8.parse(keyItem); //16位 const iv = CryptoJS.enc.Utf8.parse(ivItem); //16位 let encrypted = ''; const srcs = CryptoJS.enc.Utf8.pars...
2022-03-09 15:10:12
1218
2
原创 van-tabs的内容向上偏移过多bug
使用用van-tabs组件的 滚动导航 时就会出现 ,当它自动吸顶之后就会出现这个问题,以下是点击导航按钮出现的情况,左边的内容偏移的连标题都没了,右边正常这个问题真的是找了很久很久,发现我在其他项目当中引用这个组件就不会出现这个问题,最终发现是因为我在使用这个组件的外边 ,包裹了一个 v-show , 后面把v-show改成v-if就行了 <div v-if="visible"> <div class="life-service" id
2022-01-17 15:53:26
1050
原创 媒体查询 iPad 竖屏
直接在<style></style>标签中添加如下代码就行@media only screenand(min-device-width :768px)and(max-device-width :1024px)and(orientation : portrait){ 需修改的类名或标签{ 具体样式} .popup-box{ height: 8rem !important;}}...
2021-12-30 10:03:15
1134
原创 vue中准确获取动态渲染的dom元素的高度
首先监听这个动态元素的变化,在this.$nextTick中获取dom元素,但我获取的时候是不准确的,所以就加了个延时器,就能获取dom元素准确的高度啦 <template> <img ref="bottomBtn" :src="suspendBottomConfig.icon" alt=""></template><script>export default{data(){ return{ suspendBotto...
2021-12-30 09:58:37
2341
原创 vue 多个动态样式绑定 style
多个style样式绑定,又有背景图片时,就这样就行啦背景图片链接的判断要用另一个()括起来 <div :style="{'background' : 'url('+(ruleBgImage ? ruleBgImage : '' )+')','padding-bottom':(showDiv ? '15px' : '') }"></div>...
2021-12-30 09:47:45
1532
原创 解决页面随意缩放 vue
使用vue时,需页面不可缩放,则只需要给public中的index.html文件添加这一行代码 <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" >但如果在ios的高版本中,在浏览器打开还是会随意缩放,所以这时还需要在index.html中添加如下代码,然后页面就不会随意缩放啦&l
2021-12-29 17:00:18
1677
1
原创 z-index层级问题 及 van-overlay溢出内容不可滑动
1.层级显示问题,正常来讲是悬浮按钮(fixed)在遮罩层之下的,但由于给这个遮罩层外面套了一个div并且给了position: fixed;固定定位,就造成了 如下问题;解决:将遮罩层外面div的fixed去除即可;2.需控制后台富文本数据样式时,要注意当前页面的<style scoped >是否为scoped=>只在当前页生效。3.使用 van-overlay在浏览器端 溢出内容可滑动,但在手机端不可滑动时,需要加上:lock-scroll="false"的属性,这
2021-12-29 16:52:29
2419
原创 git 合并冲突 |MERGING
在将master分支合并到自己分支时,出现了|MERGING问题,接着代码里面就出现了冲突提示,解决方案如下:第一种用git reset --hard head 撤销合并 注意!!这是撤销,也就是返回上一次没合并的时候,慎用!!稍不注意,你刚才修改的代码就会被撤销,我之前就有过这样的经历,还好改的不多~第二种。先使用 gitstatus -s查看冲突在哪 ,然后在有冲突的地方进行修改。接着再进行添加到暂存区 git add文件名。git commit ==...
2021-11-19 09:44:57
3761
原创 报错时行数与源代码行数保持一致
在开发环境下,可以再webpack.config.js中添加以下配置,则可以保证在运行时报错的行数与源代码行数一致:module.export = {mode:'development',//eval-source-map 仅限在“开发模式下使用”,不建议在“生产模式”下使用devtool:'eval-source-map',.....}...
2021-11-12 14:37:07
1414
原创 vue中 aria-label 的使用
这个标签主要是在手机的无障碍模式中,使用读屏软件进行文字读取的刚开始只在标签中加入这个属性,却无法生效<div class="bigIndex" :aria-label="`${item.dataType}总流量${item.total}B,剩余${item.useable}B,已用${item.used}B` "></div>之后再添加了一个tabindex="0"的属性,就可以生效了<div class="bigIndex" tabindex="0" :
2021-10-08 10:33:51
2854
原创 HTTP协议、及TCP/IP简介
HTTP(超文本传输协议),是用于从万维网传输超文本到本地浏览器的传送协议;其主要是一个基于TCP/IP通信协议来传递数据的;HTTP版本主要分为三个:HTTP/1.1 , HTTP/2 , HTTP/3 ;其中常用的请求方法有:get ,post,headHTTP常见状态码为:200=>服务器已成功处理了请求;400=>服务器不理解请求的语法;404 =>服务器找不到请求的网页;408=>服务器等候请求时发生超时;500 =>服...
2021-07-04 23:33:39
388
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人