Cool_so_cool的博客

【代码】element ui 表格三级数据拖拽排序组件。

3 ,以上代码只是限制了当天的的时间的选择，还没有完成。我们需要在合适的时间对我们的时间选择框进行放开和限制。比如限制只能选择当前时间前的时间，那么前一天的时间是00:00:00-23:59:59的时间都可以选择，而今天则不能放开全选。

ckplayer使用

【代码】el-table树形数据序号排序处理。

阴影的位置和显示方式还可能受到其他属性的影响，比如:modal-append-to-body。如果希望阴影遮罩在dialog框下方，可以设置:modal-append-to-body为false，这样dialog框会保持亮度，而其他区域会变暗。下图是出现的问题，遮罩层在弹框上方。

首先在template中添加了一个div，用来显示签名区域。然后通过fabric库实例化了一个canvas，设置isDrawingMode为true，表示可以进行绘图操作。methods中，实现了保存签名的方法，通过canvas.toDataURL()方法将签名数据转化为base64编码的png图片，

在实际项目中在请求拦截器中这样写。

在使用 van-tabbar 底部导航的时候，切换导航，再次刷新时会报下面这个错误，而且下面。的位置也会回到第一个，但是页面还停留在当前。在底部导航栏组件写上监听。

【代码】css渐变色半透明半遮挡，动态控制高度线性渐变效果。

用vue写H5页面时,iPhone手机点击input搜索框,输入内容时,页面会自动放大。在public文件夹下找到html文件，打开后加上user-scalable=no 就行。亲测有效，已解决问题。

之前正常来说在路由文件中引入路由文件直接引入到某个文件夹下方就会直接寻找到下方的 index.vue,文件夹了，但是现在不行了，看下面报错翻译过来是。

控制台一直保这个错,翻译过来就是，无法将对象转换为基元值在控制台打印这个判断也等于true问题所在：在代码中将对象与基本类型做比较导致

getClientRects 和 getBoundingClientRect 区别getBoundingClientRect: DOMRect返回元素的大小及其相对于视口左上角的位置getClientRects： DOMRectList块级元素直接返回盒子模型的矩形范围。行内元素会产生自动换行这类看似分割整体的歧义，所以，会把行内元素（inline）根据它换行划分成多个盒子边界矩形（返回多个DOMRect）。这是有时候同一个元素会返回多个DOMRect原因同一个元素两个方法返回值比较

安装依赖包的版本如何指定相信大家都会经历过，我们安装一些依赖包的时候，版本号前面都会带 ^ 或者 ~ 的符号，这两个符号代表什么意思呢？~ 会匹配最近的小版本依赖包，比如 ~1.2.3 会匹配所有 1.2.x 版本，但是不包括 1.3.0^ 会匹配最新的大版本依赖包，比如 ^1.2.3 会匹配所有 1.x.x 的包，包括 1.3.0，但是不包括 2.0.0安装最新版本的依赖包，比如 *1.2.3 会匹配 x.x.x，那么该如何选择呢？当然你可以指定特定的版本号，直接写1.2.3，前面什么前缀都

上一篇文章链接https://blog.youkuaiyun.com/Cool_so_cool/article/details/123509976?spm=1001.2014.3001.5501接着上篇文章，配置好 js 文件夹后，开始在页面引入 js文件。js文件里面的内容是这样的数据最后导出来，在每个页面这么引入和编写就行因为我这个项目要区分多语言，所以就有zh和en两个对象数据。process.env.langNuxt这个是在nuxt.config.js中自己配置的，在每个页面就可以直接用了每个

let url =+'?campusId=2&manager' 在网上找个方法是：window.location.href，这个可以获取网站上的url完整路径， window.location.href = url////不可行，参数会循环重复,页面会一直刷新，下面有两种方法，第二个亲测有效，第一个还没时间测试，先记录一下 // 方法1：向当前url添加参数，没有历史记录// window.history.replaceState({// path: url_p// }, '',

this.nextTick并不能满足需求，今天就碰到一个问题，页面很长，并且有点击滑动的效果，这个时候用this.nextTick并不能满足需求，今天就碰到一个问题，页面很长，并且有点击滑动的效果，这个时候用this.nextTick并不能满足需求，今天就碰到一个问题，页面很长，并且有点击滑动的效果，这个时候用this.nextTick,它可能就会遇到页面未加载完成就开始执行了这个时候就可以通过定时器来判断document.readyState的状态来执行事件var _this = thisvar t

类型：Function详细：实例被挂载后调用，这时 el 被新创建的 vm.el替换了。如果根实例挂载到了一个文档内的元素上，当mounted被调用时vm.el 替换了。如果根实例挂载到了一个文档内的元素上，当 mounted 被调用时 vm.el替换了。如果根实例挂载到了一个文档内的元素上，当mounted被调用时vm.el 也在文档内。注意 mounted 不会保证所有的子组件也都被挂载完成。如果你希望等到整个视图都渲染完毕再执行某些操作，可以在 mounted 内部使用 vm.$nextTick

通过设置全局变量来控制 data() { return { openStyle:false, }methods:{ stretchBox() { if (this.openStyles) { console.log('哈哈哈哈'); } else { console.log('呵呵'); //需要执行的函数体 this.openStyles=true } },

1.删除本地仓库当前关联的无效远程地址，再为本地仓库添加新的远程仓库地址1 git remote -v //查看git对应的远程仓库地址2 git remote rm origin //删除关联对应的远程仓库地址3 git remote -v //查看是否删除成功，如果没有任何返回结果，表示OK4 git remote add origin https://github.com/developers-youcong/Metronic_Template.git //重新关联git远程仓库地址2.直接

https://www.cnblogs.com/zhang-jiao/p/11593497.html

可以全部暂存修改 也可以单个保存第二部可以点击提交 或者 ctrl+Enter这里相当于事git commit -m’'命令 图片框里输入的内容就是提交的内容注：输入完之后按 Enter或者Esc 代表输入完毕之后就可以拉取 和 推送代码推送完之后可以通过vscode看提交的历史版本相当于git log前提是需要安装完git history安装好之后 有一个像指针的图标点击之后就可以查看提交的版本注：如果没有提交成功，可能需要设置一下文件–》首选项–》设置进入到页面取

<script src="https://pv.sohu.com/cityjson?ie=utf-8"></script> var Ip=returnCitySN['cip'] var cityname=returnCitySN['cname'] localStorage.setItem('Ip', Ip) console.log(localStorage.getItem('Ip', Ip)) localStorage.se.

可以在浏览器中选择语言进行测试var lang= null;function language(){var language=null;if (navigator.appName == 'Netscape'){language = navigator.language;}else{language = navigator.browserLanguage;}if (language.indexOf('en') > -1){lang = "en"// alert("yingwen.

直接看代码，breadList是处理完的路由在上面循环展示，效果如图<template> <!-- 面包屑组件 --> <div class="breadcrumb_box_page hidden-md-only hidden-sm-only hidden-xs-only"> <div class="breadcrumb_box"> <el-breadcrumb separator-class="el-icon-arrow

在CSS样式中加上这些样式就可以了.el-submenu__title { display: flex; align-items: center;}.el-submenu__title span{ white-space: normal; word-break: break-all; line-height: 20px; flex: 1; padding-right: 20px;} .el-menu-item { display: flex; align-i

很简单，在跳转的路由下面加上一段这个代码就可以this.$router.push({ path: `/homeMenuBar/About/aboutIndexs`, query: { id: val.id, }, }); setTimeout(function () { window.location.reload(); }, 100);写在一个函数体里面即可...

当前可视区域的高度 - （元素到文档顶部的距离 - 滚动条滚动的距离）- 元素自身的高度dom是当前要获取的元素window.innerHeight - (dom.offsetTop - window.pageYOffset) - dom.offsetHeight

大概就是要实现这种锚点效果图，代码如下methods:{ // 点击左侧菜单栏事件 changenavigationBar(key) { // console.log(key); // debugger // 获取点击的按钮对应页面的id var PageId = document.querySelector("#right" + key); // 打印出对应页面与窗口的距离 // console.log(PageId.

这个链接是使用NavMenu 导航菜单循环时会报另外一个错误的文章，建议一块看https://blog.youkuaiyun.com/Cool_so_cool/article/details/118695085?spm=1001.2014.3001.5501VUE项目使用NavMenu 导航菜单循环时报的错误解决方法：default-active的值不能有空格，并且要为字符串类型，加上一个toString(),就可以啦slideStyleIndex是动态给菜单栏添加背景色用的效果如下这样写的目的是为了实

VUE项目使用NavMenu 导航菜单循环时报的错误解决方法： index的值不能有空格，并且要为字符串类型，加上一个toString(),就可以啦

if(/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) { // 移动端 window.location.href = "https://www.baidu.com/";} else { // PC端 window.location.href = "http://news.baidu.com/";}

设置（cookie存值）： function setCookie(cname, cvalue, exdays) { var d = new Date(); d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000)); var expires = "expires=" + d.toGMTString(); document.cookie = cname + "=" + cvalue + "; " + expires + "

vue.draggable group 拖拽分组多组之间相互拖拽，官方文档有例子，也很好理解，但是有一个bug，就是当其中一个数组为空时，在想拖进去东西，就拖不进去了，1.这个是官方的案例http://www.itxst.com/vue-draggable/re7vfyfe.html有A,B,C三个数组，当我把A或者B里面的东西，都拖空时，在想把别的快拖进去，就拖不进去了，看下图效果现在我把B数组里面的东西都拖到A里面了，我现在在想把A的东西拖进B里面，就不行了，可以去官网试一下，http://

element UI中el-checkbox点击文字，勾选框也是跟着选中的，我们的需求是点击文字跳到对应的详情页，勾选框不选中刚开始我是这样写的，感觉没问题了，看代码在el-checkbox里面放上span标签，放上对应的文字，这样点击文字，跟勾选框就没关联了，但是经过几次测试bug也出来了，每次第一次点击文字的时候，勾选框还是会被勾选上，不刷新的话，以后就没事了，但是只要一刷新页面还是，第一次点击文字的时候，勾选框还是会被勾选上，不刷新的话，以后就没事了，试了好多种方法都不行，，来看一下解决办法

直接看代码，文本框代码，下面是绑定的事件@keydown.enter="carriageReturn($event)" <textarea style=" width: 100%; height: 110px; outline: none; border: none; resize: none;

1.记录一下项目里面做聊天框样式，页面默认展示最后几条消息，往上滚动加载消息2.直接看样式吧3.当你打开一条消息记录的时候，页面默认展示消息的最后几条，然后往上滚动加载其它的消息，4，直接看代码吧，之前记录过聊天框样式，下面这是聊天框的代码，重点看图片里面的id名gobottom() { this.$nextTick(() => { let ele = document.getElementById("window"); ele.scrollTo

判断两个日期相差多少小时直接上代码内容可能没截全，下面一点点分析1，先声明两个变量，timeFormatting.time3（），这是一个插件带的东西，想了解的私信吧。~~~~~~~ let a = timeFormatting.time3(this.currentTime);//获取到的本地时间戳 let b = timeFormatting.time3(item.emaildate);//后台返回的时间戳,2.格式化时间转换为时间戳的方法：Date.parse

直接上代码new Date().getTimezoneOffset()/60这个方法可以实时获取到当地的时区，我在中国-8就东八区。然后想在获取到当地的时间，把获取到的时区传给下面这个方法里面function getLocalTime(timezone) { if (typeof timezone !== "number") { return new Date(); } var d = new Date(); var len =

overflow:scroll 就会出现滚动条但是，为了公司需求，还是要修改一下样式实现效果实现效果<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docume