- 博客(84)
- 收藏
- 关注
原创 nvm安装node后,报错Cannot find module ‘C:\Program Files\nodejs\node_modules\npm\bin\npm-cli.js‘
问题描述nvm安装node后,也会自动安装npm工具,但是在提示安装完成之后,使用npm相关命令时,会报如下错误Error: Cannot find module 'C:\Program Files\nodejs\node_modules\npm\bin\npm-cli.js'原因:可以查看当前node版本 node -v,如v14.18.1,然后去nvm安装地址中找C:\Users\10153615\AppData\Roaming\nvm,会有对应版本的文件夹v14.18.1,会发现里面没.
2024-03-01 10:20:03 483 1
原创 nginx配置proxy_pass反向代理时,加/和不加/的区别
nginx 配置proxy_pass代理转发的时候,加/ 和不加 / 的区别: 如果后面的url加 /,表示绝对根路径;如果没有/,表示相对路径。访问test.com/data/index.html 会转发到http://127.0.0.1/data/index.html。访问test.com/data/index.html 会转发到 http://127.0.0.1/index.html。
2023-06-21 15:28:35 894
原创 el-table绑定数组中,某值发生变化,对应的el-select的选项没变
在定义的时候就写入属性(此时只要在下拉框选择,那么显示就会实时更新),不显示,一般table数据都是后台请求回来的,或者是添加功能的时候,跟table的各列绑定,不会提前定义。在数据更新的地方后面加上如下 this.isUpdate =!2、在方法内使用this.$set()进行赋值(比较适合于在方法内,需要对页面的值重新赋值)方法1:el-table使用key,在值发生变化时,改变key值。方法2:使用this.$set。
2023-04-19 10:19:52 539
原创 uniapp package.json和mainfest.json,如何区分环境变量
g' ${target_dir}/src/manifest.json ,意思就是把“base”后面的值改为"base" : "/html/js-h5-test/"如果是往服务器上发布版本,则是打包成zip在服务器上解压,但注意打包:是把原有的uniapp项目下的所有文件,放到一个对应vue项目的src下(这个是提前建好的项目),然后打包,打包是根据vue项目中的package.json来打包的。g' ${target_dir}/src/manifest.json,意思就是把“base”后面的值改为h5.
2023-03-30 17:15:53 911
原创 uniapp onLaunch和onLoad执行顺序,页面返回会出现问题,一直加载中
App.vue什么时候执行,第一次进入该系统执行,如果是该系统自己页面返回自己页面,不会重新进入app.vue,但是page.vue会触发onLoad(安卓手机)。所以就会出现一个问题,就是返回的时候,page.vue中触发了onload,但不进去app.vue,await this.$onLaunched就会一直等待。首先,安卓手机,页面返回(自己系统页面返回自己系统页面),不会进去app.vue,但是会触发页面page.vue的onload。page.vue具体页面里面。
2023-03-27 13:43:52 3141
原创 elementUI Form表单多个form验证都通过后,再执行后面的操作
elementUI form 多个form表单一起验证 promise.all
2023-01-28 10:09:22 1071
原创 elementUI el-select模糊搜索,固定位置在选择框下面,value绑定对象显示,key显示id
elementUI el-select 固定位置 模糊搜索 清空
2023-01-28 09:58:48 2446
原创 elementUI el-upload使用方法、上传限制数量且超出不显示上传按钮、删除闪一下、多个upload并排显示、控制按钮点击出现选择文件框的范围
elementUI el-upload上传 删除闪一下 上传限制数量 上传超过限制不显示上传按钮
2022-12-07 20:01:25 6166
原创 vue element-ui中的el-select选择器无法显示选中的内容
深入响应式原理 — Vue.js检测变化的注意事项由于 JavaScript 的限制,Vue不能检测数组和对象的变化。尽管如此我们还是有一些办法来回避这些限制并保证它们的响应性。对于对象Vue 无法检测 property 的添加或移除。由于 Vue 会在初始化实例时对 property 执行 getter/setter 转化,所以 property 必须在data对象上存在才能让 Vue 将它转换为响应式的。例如:var vm = new Vue({ data:{...
2022-04-07 16:26:31 589
原创 git版本回退
git 回退远端master分支版本1. 切换分支到mastergit checkout master2.确认是否正确切换到了master分支上面:git branch(如果master分支前面有一个*表示切换成功,此时所在分支为master)3. 查看提交版本记录git log4.切换到指定版本号git reset --hard [version]5.强制提交git push origin master --force这里可能会提示让你先pull,如果有提示,..
2022-03-07 09:51:05 780
原创 js对象,根据对象属性进行排序
constreturnData={"2022-01-11":[{"content":"8:30-12:00","createTime":"2022-01-1017:25:20","id":792,"reservDate":"2022-01-11",}],"2022-01-14":[],"2022-01-13...
2022-01-11 15:17:46 254
原创 css篇- el-table设置列固定fixed后,滚动条无法拖动
el-table设置列固定,使用fixed但是使用fixed后导致fixed列下面的滚动条无法拖动,因为列固定列覆盖了滚动条,导致无效解决办法:设置el-table-fixed的height为auto !important。但是测试后这部分css一直不生效,后来加上/deep/ 生效。...
2021-12-21 17:02:24 3412
原创 vue(12)-keep-alive
一、钩子触发顺序当引入keep-alive 的时候,页面第一次进入,钩子的触发顺序created-> mounted-> activated,退出时触发deactivated。当再次进入(前进或者后退)时,只触发activated。二、mounted和activatedKeep-alive加了,同一个页面的mount就只会激活一次,如果需要每次进入都激活,用activated三、用法实际上,我们在Vue项目的开发中,组件之间的相互切换(页面跳转)时,为了减少浏览器运行负担..
2021-12-15 10:57:39 593
原创 vue(11)-各种运行报错解决
一、Eslint报错:2 errors and 0 warnings potentially fixable with the `--fix` option在创建项目的时候,选择了linter/Formatter,eslint-config-standar,标准的eslint标准,项目中会生成.eslintrc.js、.editorconfig这种只要隐藏.eslintrc.js中的’@vue/standard’就行了,如下图:二、箭头函数的this指向箭头函数会改变this指向。.
2021-12-15 10:49:16 789
原创 vscode快捷代码设置
文件-首选项-用户片段,输入vue(vue.json),复制下面的话保存,新建.vue,输入vue回车就行。{"Printtoconsole":{"prefix":"vue","body":["<!---->","<template>","<div>","$0",...
2021-12-15 10:44:37 904
原创 vue(10)-模板语法、条件渲染、列表渲染、class和style绑定
以下这些必须在定义vue的el元素中。比如下面,那么所有的data、method使用,必须在id为bg的元素里面使用。{{}} v-html v-bind v-on文本 <span>Message: {{ msg }}</span> 原始html <span v-html="rawHtml"></span> Attribute <div v-bind:id="dyn...
2021-12-15 10:35:28 1055
原创 vue(5)- vuerouter(1)
http://localhost:8080/#/和http://localhost:8080/默认,打开http://localhost:8080/会变成http://localhost:8080/#/,出现#因为这个#其实是VUE的HASH模式所产生的,正确点来说是因为VUE使用了HASH模式。解决:加上mode:’history’嵌套路由/二级路由(配置好父路由component后,在父路由中添加children属性来配置这个父路由的子路由)需要注意的是:父组件中的.
2021-12-14 17:11:41 218
原创 vue(9)-vuex
一、介绍多个视图依赖于同一状态(例:菜单导航-比如点击某个tab,其他的tab状态发生变化) 来自于不同视图的行为需要改变同一状态(例:评论弹幕,发一条评论,弹幕会发生变化) 为vue.js开发的状态管理模式 组件状态集中管理。 组件状态改变遵循统一的规则二、Store/index.jsState:定义组件状态变量(组件状态的集中管理)mutations:唯一一个可以改变组件状态的方法集(相当于vue的method)三、改变状态值this.$store.commit当点击按
2021-12-14 16:41:57 182
原创 vue(8)-组件
父组件传递内容给子组件:属性父组件通过属性形式给子组件传递具体内容,子组件通过props来接收具体例子如下:子组件发消息给父组件:发布-订阅父组件:订阅子组件:发布组件缓存众所周知,组件可以缓存住组件的数据;具体用法可以看官网;大概的用法就是下面这样的<template> <keep-alive> <component :is="currentComponet"&...
2021-12-14 16:22:35 292
原创 vue(3)-页面之间数据获取(1)
一、params和query参见 vue(4)-路由跳转方式CSDN前进后退也支持二、localStorage传递:localStorage.setItem('doctorDetails', JSON.stringify(item)); //Vue核心技 获取:this.doctorDetails = JSON.parse(localStorage.getItem('doctorDetails'));...
2021-12-14 16:11:24 761
原创 vue(6)-vuerouter(2)路由跳转方式
一、router-link1. path -> 是要跳转的路由路径,也可以是路由文件里面配置的 name 值,两者都可以进行路由导航 2. params -> 是要传送的参数,参数可以直接key:value形式传递 3. query -> 是通过 url 来传递参数的同样是key:value形式传递 二、$router1、this.$route.query2、this.$route.params...
2021-12-14 16:07:30 256
原创 vue(7)-vuerouter(3)页面定位,返回时还在原定位
一、描述页面前进后退,页面在上次浏览未知二、解决在vue-router中,添加scrollBehavior三、其他情况某些页面固定每次打开都是返回顶部 如果要模拟“滚动到锚点”的行为: scrollBehavior (to, from, savedPosition) { if (to.hash) { return { selector: to.hash } }} 有keep-alive...
2021-12-14 15:22:00 681 1
原创 vue(2)-配置(2)publicPath‘./’和‘/’的区别
一、含义‘./’表示相对路径,表示当前目录下的‘/’表示绝对路径,表示根目录下的。二、build后正式环境:打包后的类似<scriptsrc="static/js/index.752b9949.js">测试环境:scripttype="text/javascript"src="/static/js/index.js">三、配置不推荐:publicPath:process.env.NODE_ENV==="production"?"./":"/"...
2021-12-14 13:54:05 8040
原创 vue(1)-配置(1)publicpath、nginx、vue-router的base
如果要加前缀,三者要保持一致。一、配置含义publicPath是控制静态资源访问路径。router的base是控制路由跳转前缀。nginx是控制静态资源放在服务器的位置,反向代理。二、配置详情类型 配置 实际对应地址 publicPath publicPath:'/bbb/' http://localhost:8080/bbb/static/js/7.js router base:'/bbb/', http://loca..
2021-12-14 11:04:23 5122
原创 vue(4)-页面传参(2)通过query传参刷新后数据变成“[Object Object]“
传参:通过JSON.stringify()处理获取:通过JSON.parse()处理
2021-12-09 16:37:36 581
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人