whicce-CSDN博客

原创 js 监测body元素滚动高度

工作中需求：要求页面有两个头部菜单，一个固定在页面布局中（随滑动而滑动），另一个当滑动时显示，固定在页面定顶端（不随滑动而滑动），这时就要判断body的scroll事件，获取滚动条距离顶部的高度，废话不说直接上代码：document.querySelector('body').onscroll = handleScroll;handleScroll(e) { 高度 = e.target.scrollingElement.scrollTop;}...

2021-05-21 16:32:48 1060

原创移动端复制文字到剪切板上(html5plus,h5+)

export function copyText(text) { if (plus.os.name == "Android") { var Context = plus.android.importClass("android.content.Context"); var main = plus.android.runtimeMainActivity(); var clip = main.getSystemService(Context.CLIPBOARD_SERVICE);

2021-02-19 15:46:19 757

原创 element-ui时间选择器弹窗错位问题

问题描述在vue项目中使用element-ui的多个时间选择器，通过其他变量实现多个时间选择器渲染，第一次选择时间没有问题，切换渲染之后所有下拉选项框全都出现在左上角，通过控制台查看样式属性发生变化，发生变化的原因未知（ps：这里描述的很清楚就不上图了，不明白的可以留言）。解决办法查找整理三个解决办法，如有其他方法欢迎补充。1 强制修改样式找到弹窗的样式类，通过!important强制修改弹窗的位置样式。（这种方法是我查到的，没有试过，觉得这样修改不太优雅，也不推荐）2 修改v-if为v-sho

2021-02-18 14:47:56 2178 1

原创在element表格中使用template绑定数据时同时使用v-if发生的奇怪的事情

背景想实现在同一页面的通过一个属性pageType来切换两个表格的渲染，同时表格中使用了<template>来获取row数据进行一些操作，但是通过<template>绑定数据的列会渲染到另外的表格里，代码说话：//表格1当pageType=a时渲染<el-tablev-if="pageType==='a'" :data:tableList1>//第一列用prop绑定数据（不会产生影响） <el-table-column lable="列1.1" p

2021-01-19 13:57:01 1672

转载 element表格双击单元格修改单元格的数据（详细注释）

部分：<el-table :data="tableList" @cell-dblclick="tableEdit"> <el-table-column label="列1" align="center"> <template slot-scope="scope">{{ scope.row.type }}</template> </el-table-column> <el-table-colu

2021-01-15 15:45:44 1744 5

原创给通过jQuery动态添加的DOM元素添加事件

在我们通过jQuery添加了一个DOM元素（例如在废容器中添加一个带有class = “box”类的元素），同时又要给他一个点击事件，我们想的是：$(".box ").click(function(){ //这里是点击事件内部});但是没有生效，应该这样写：$(".box ").on('click', function(){ //这里是点击事件内部});...

2020-12-14 14:16:01 1188

原创微信小程序如何构建npm

踩坑刚入坑微信小程序，之前有过vue的开发经验，所以想了解下小程序开发可以用npm导入第三方库吗。去官网查了一下，果然能。但是官方文档看得我云里雾里的，我是直接在初始模板上操作的，他说的那些文件和参数根本没找到啊？？？（原谅我能力有限，我只是希望帮助像我这样的小白，大佬们轻喷）想着看不懂就接着往下走吧。。。。。结果。。。。。。。。解决办法1 无中生有没有的文件我们就自己加：首先右键开发工具的资源管理器部分，选择在外部窗口打开终端，就是通过终端进入到项目的路径里：然后输入：npm

2020-12-07 15:33:50 623 2

原创 elementUI表格，动态加载（后台获取）表格复选框

这里写自定义目录标题动态加载表格复选框遇到问题最终动态加载表格复选框element文档中有相关函数用来修改表格行的复选状态：遇到问题最开始想直接使用这个函数来修改复选框的状态，仿照官方例子：但是当我再method钩子函数中直接调用this.toggleSelection([tableData[1], tableData[2]])时报错：tableData未定义，猜测应该是异步加载数据还未完成但已经执行该函数，查阅一堆资料后发现用vue的nextTick可以解决这类异步加载数据渲染DOM顺序的问

2020-09-02 18:04:25 887

原创 element-ui的table表格表头与内容列不对齐问题

问题：表格表头与内容列不对齐办法：用样式穿透进行修改，代码如下/deep/.el-table th.gutter{ display: table-cell!important;}

2020-05-11 09:22:40 712

转载 Vuex白话教程第一讲：Vuex到底是个什么鬼？

（一）: 第一话（二）: 第二话（三）: 第三话（四）: 第四话（五）: 第五话（六）: 第六话作者：大宏说来源：简书著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。...

2020-04-24 16:59:52 183

原创如何修改element-ui默认样式

如何修改element-ui默认样式查找要修改元素的类名class查找要修改元素的类名classF12打开网页元素审查，根据元素高亮提示找到要修改的元素（这里面我们以折叠面板为例为例）：左上是我们选中的元素（高亮显示）；然后逐级展开找到了他的类名“el-collapse-item__header”，双击之后在右边会显示出该类所包含的属性以及属性的值，所以我们只要写出想要更改的属性，再赋予我...

2020-04-17 10:59:43 5944 4

转载 Vue路由（vue-router）详细讲解指南

Vue路由（vue-router）详细讲解指南动态路由匹配：嵌套路由：路由导航两种方式：转自：有梦想的咸鱼前端Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌。路由实际上就是可以理解为指向，就是我在页面上点击一个按钮需要跳转到对应的页面，这就是路由跳转；首先我们来学习三个单词（route，routes，router）：...

2019-11-28 11:49:37 2525

whicce的博客