- 博客(164)
- 收藏
- 关注
RSS订阅原创 el-date-picker限制只能选择当前时间前/后的时间（包含日期、时、分）
3 ,以上代码只是限制了当天的的时间的选择，还没有完成。我们需要在合适的时间对我们的时间选择框进行放开和限制。比如限制只能选择当前时间前的时间，那么前一天的时间是00:00:00-23:59:59的时间都可以选择，而今天则不能放开全选。
2024-04-15 11:34:39
653
原创 el-dialog弹框遮罩层问题
阴影的位置和显示方式还可能受到其他属性的影响，比如:modal-append-to-body。如果希望阴影遮罩在dialog框下方，可以设置:modal-append-to-body为false，这样dialog框会保持亮度，而其他区域会变暗。下图是出现的问题，遮罩层在弹框上方。
2024-03-15 09:08:15
519
转载 tsc : 无法加载文件 C:\Users\Administrator\AppData\Roaming\npm\tsc.ps1，因为在此系统上禁止运行脚本。有关详细信息，请参阅 https:/go.m
这会将执行策略设置为RemoteSigned，允许您在系统上执行本地脚本，但要求您下载的脚本必须由可信的发布者签名。如果您希望完全信任本地脚本，可以将执行策略设置为Unrestricted。运行以下命令来查看系统的执行策略：Get-ExecutionPolicy。请注意，这会禁用所有脚本的签名验证，因此不安全的脚本可能会在系统上运行。在执行上述命令后，再次运行您的tsc命令，应该可以正常运行了。在电脑上首次使用TS的时候，执行TS 的命令的时候报错。可以参考以下解决办法。
2024-01-07 13:38:47
717
1
原创 前端VUE实现电子签名
首先在template中添加了一个div，用来显示签名区域。然后通过fabric库实例化了一个canvas，设置isDrawingMode为true，表示可以进行绘图操作。methods中，实现了保存签名的方法，通过canvas.toDataURL()方法将签名数据转化为base64编码的png图片，
2023-07-26 08:58:46
774
原创 vue路由传递对象数组，打印数据 [object Object] 解决方法
简单的数组 / 单条数据无影响，数组对象无法获取，变为[object Object]。
2023-07-11 16:52:14
4857
原创 Avoided redundant navigation to current location: “/forumPage“. at createRouterError
在使用 van-tabbar 底部导航的时候，切换导航，再次刷新时会报下面这个错误，而且下面。的位置也会回到第一个，但是页面还停留在当前。在底部导航栏组件写上监听。
2023-06-28 09:35:06
200
原创 gitpush报错fatal: The current branch master has no upstream branch. To push the current branch and set
git push没有指明哪个仓库。指定仓库之后就成功了。
2023-06-20 14:44:10
1974
1
原创 Module not found: Error: Can‘t resolve ‘vuex‘
3、安装不上vuex，版本太高了，vue2安装vuex3，vue3安装vuex4。按照项目需求下载对应的版本，问题就解决了。2、没有安装vuex。
2023-06-09 14:16:20
2296
原创 vue项目H5页面在苹果手机点击输入框输入内容时 页面自动放大
用vue写H5页面时,iPhone手机点击input搜索框,输入内容时,页面会自动放大。在public文件夹下找到html文件，打开后加上user-scalable=no 就行。亲测有效，已解决问题。
2023-06-02 10:48:55
948
原创 Component name “index“ should always be multi-word vue/multi-word-component-names
之前正常来说在路由文件中引入路由文件直接引入到某个文件夹下方就会直接寻找到下方的 index.vue,文件夹了，但是现在不行了，看下面报错翻译过来是。
2023-05-19 10:57:49
518
原创 TypeError: Cannot convert object to primitive value
控制台一直保这个错,翻译过来就是，无法将对象转换为基元值在控制台打印这个判断也等于true问题所在：在代码中将对象与基本类型做比较导致
2022-08-12 13:55:28
3809
1
原创 获取当前元素距离顶部的距离的方法
getClientRects 和 getBoundingClientRect 区别getBoundingClientRect: DOMRect返回元素的大小及其相对于视口左上角的位置getClientRects： DOMRectList块级元素直接返回盒子模型的矩形范围。行内元素会产生自动换行这类看似分割整体的歧义，所以，会把行内元素（inline）根据它换行划分成多个盒子边界矩形（返回多个DOMRect）。这是有时候同一个元素会返回多个DOMRect原因同一个元素两个方法返回值比较
2022-04-02 14:48:18
3326
转载 解决版本依赖报错的问题，package.json 与 package-lock.json 的关系
安装依赖包的版本如何指定相信大家都会经历过，我们安装一些依赖包的时候，版本号前面都会带 ^ 或者 ~ 的符号，这两个符号代表什么意思呢？~ 会匹配最近的小版本依赖包，比如 ~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，前面什么前缀都
2022-03-31 11:38:02
976
原创 客户端和服务端的区别
客户端总得来说就是流浪者使用的计算机，用来给服务器发送请求服务端是存放网页文件的计算机客户端与服务端的关系1、定义不同：客户端：客户端（Client）或称为用户端，是指与服务器相对应，为客户提供本地服务的程序。服务器端：服务器端，从广义上讲，服务器是指网络中能对其它机器提供某些服务的计算机系统（如果一个PC对服务器端外提供ftp服务，也可以叫服务器）。2、程序编写：客户端：客户端程序不需要我们编写，可以使用IE或者FireFox等浏览器。服务器端：需要编写Server服务端程序。3、组成
2022-03-30 17:26:02
7508
原创 Nuxt项目静态打包部署每个页面配置seo搜索关键字
上一篇文章链接https://blog.csdn.net/Cool_so_cool/article/details/123509976?spm=1001.2014.3001.5501接着上篇文章，配置好 js 文件夹后，开始在页面引入 js文件。js文件里面的内容是这样的数据最后导出来，在每个页面这么引入和编写就行因为我这个项目要区分多语言，所以就有zh和en两个对象数据。process.env.langNuxt这个是在nuxt.config.js中自己配置的，在每个页面就可以直接用了每个
2022-03-15 19:42:36
847
原创 Nuxt项目打包报错render function or template not defined in component: anonymous
从网上找了好多，几乎都是一样的解决问题，都解决不了，因为是配置seo的问题，为了方便维护数据，把js文件放在page文件夹下面了，结果本地打包的时候就会报下面图片上这个错最后改了好久才知道 js 文件不能放在page下面，打包的时候就会报这个错最后把js文件放在assets文件夹下面就没问题了...
2022-03-15 19:28:34
1022
原创 Nuxt多语言分别打包部署
分别打包的目的是为了避免整个项目文件在线上文件过大，加载过慢，减轻服务器压力1，首先在package.json文件下添加下面配置 "generate-zh": "cross-env SITE_ENV=zh nuxt generate", "generate-en": "cross-env SITE_ENV=en nuxt generate",2，在nuxt.config.js中要配置下面的指令，具体的要看文件目录来添加路由配置head：{ router: { middle
2022-03-11 10:32:14
1216
原创 Nuxt项目配置全局组件
1，在跟assets同等级下建一个plugins文件夹目录，在建一个component.js文件：2，在每个页面不用引用，直接用，就可以了3，然后在nuxt.config.js中引入一下,就可以了module.exports = {plugins:[‘@/plugins/component.js’,]}...
2022-03-10 11:08:12
1288
原创 Nuxt运行generate静态打包部署报is not in cwd
先看看报错运行 npm run generate 打包的时候发现报错，但是运行 build 与 dev 正常。生成应用程序时，会跳入虚拟 Linux 机器以获取dist，也就是Windows系统可能会出现这个问题，然后是Linux系统获取路径，与windows有所不同，需要标准化路径处理 错误是在node_modules@nuxt\cli\dist\cli-generate.js中 const files = await globby__default['default']('**/*.*', {
2022-03-02 13:59:23
930
原创 前端在当前页面URL后面添加参数
let url =+'?campusId=2&manager' 在网上找个方法是：window.location.href，这个可以获取网站上的url完整路径， window.location.href = url////不可行，参数会循环重复,页面会一直刷新，下面有两种方法，第二个亲测有效，第一个还没时间测试，先记录一下 // 方法1：向当前url添加参数，没有历史记录// window.history.replaceState({// path: url_p// }, '',
2022-02-23 14:56:11
4064
原创 VUE3的一些实用技巧
1，v-for 和 v-if 不要一起使用（Vue2）此优化技巧仅限于Vue2，Vue3 中对 v-for 和 v-if 的优先级做了调整，永远不要把 v-if 和 v-for 同时用在同一个元素上原因是 v-for 的 优先级高于 v-if，所以当它们使用再同一个标签上是，每一个渲染都会先循环再进行条件判断注意： Vue3 中 v-if 优先级高于 v-for，所以当 v-for 和 v-if 一起使用时效果类似于 Vue2 中把 v-if 上提的效果例如下面这段代码在 Vue2 中是不被推
2022-02-08 13:48:19
820
原创 前端判断页面是否加载完成后，执行事件
this.nextTick并不能满足需求，今天就碰到一个问题，页面很长，并且有点击滑动的效果，这个时候用this.nextTick并不能满足需求，今天就碰到一个问题，页面很长，并且有点击滑动的效果，这个时候用this.nextTick并不能满足需求，今天就碰到一个问题，页面很长，并且有点击滑动的效果，这个时候用this.nextTick,它可能就会遇到页面未加载完成就开始执行了这个时候就可以通过定时器来判断document.readyState的状态来执行事件var _this = thisvar t
2022-01-26 10:38:31
1269
原创 mounted执行完后，没有获取到页面的DOM
类型：Function详细：实例被挂载后调用，这时 el 被新创建的 vm.el替换了。如果根实例挂载到了一个文档内的元素上，当mounted被调用时vm.el 替换了。如果根实例挂载到了一个文档内的元素上，当 mounted 被调用时 vm.el替换了。如果根实例挂载到了一个文档内的元素上，当mounted被调用时vm.el 也在文档内。注意 mounted 不会保证所有的子组件也都被挂载完成。如果你希望等到整个视图都渲染完毕再执行某些操作，可以在 mounted 内部使用 vm.$nextTick
2022-01-25 20:47:26
1667
原创 点击事件只触发生效一次方法
通过设置全局变量来控制 data() { return { openStyle:false, }methods:{ stretchBox() { if (this.openStyles) { console.log('哈哈哈哈'); } else { console.log('呵呵'); //需要执行的函数体 this.openStyles=true } },
2022-01-17 15:37:10
875
原创 git修改远程仓库关联地址
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.直接
2021-11-18 18:18:57
725
原创 window.open新打开窗传参及接收参数的解决方法
https://www.cnblogs.com/zhang-jiao/p/11593497.html
2021-10-14 16:47:39
1759
原创 sticky 粘性定位使用
sticky的使用：.box{ position: sticky; top: 100px;}设置 position:sticky 同时给一个 (top,bottom,right,left) 之一即可**使用条件：父元素不能overflow:hidden或者overflow:auto属性。必须指定top、bottom、left、right4个值之一，否则只会处于相对定位父元素的高度不能低于sticky元素的高度sticky元素仅在其父元素内生效**本文来源：码农网本文链接：htt
2021-10-14 14:36:22
312
原创 CSS文字超出打点
单行文本超出打点： overflow:hidden; /* 超出部分隐藏 */ white-space: nowrap; /* 文本不换行 */ text-overflow：ellipsis；/* 省略的文本用省略号表示 */多行文字超出打点不考虑兼容性的情况下： -webkit-line-clamp: 3; /*用来限制在一个块元素显示的文本的行数*/ display: -webkit-box; /*必须结合的属性，将对象作为弹性伸缩盒子模型显示*
2021-10-14 14:30:43
1011
原创 vscode代码上传到github上
可以全部暂存修改 也可以单个保存第二部可以点击提交 或者 ctrl+Enter这里相当于事git commit -m’'命令 图片框里输入的内容就是提交的内容注：输入完之后按 Enter或者Esc 代表输入完毕之后就可以拉取 和 推送代码推送完之后可以通过vscode看提交的历史版本相当于git log前提是需要安装完git history安装好之后 有一个像指针的图标点击之后就可以查看提交的版本注：如果没有提交成功，可能需要设置一下文件–》首选项–》设置进入到页面取
2021-09-29 13:54:28
466
原创 CSS圆点
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <style> .dot{ width: 10px; height: 10px; background-color: red; border-radius: 50%; di
2021-09-26 16:45:54
109
原创 vue虚拟dom解析字符串标签
遇到的问题：内容渲染页面会出现标签var vhtml = `<div v-html="${config.defaultValue}"></div>`;//使用地方部分代码 if(config.tag == "desc-text"){ return ( <el-col span={config.span} class={className} nativeOnClick={even
2021-08-26 13:58:49
670
原创 前端获取当前电脑IP和位置信息
<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.
2021-08-20 09:30:53
1094
原创 前端判断系统是什么语言
可以在浏览器中选择语言进行测试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.
2021-08-20 09:21:30
360
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人