vue
yanhyan
wen前端
展开
-
Error: listen EADDRNOTAVAIL: address not available 192.168.43.149:8002
运行npm run dev时会出现 Error: listen EADDRNOTAVAIL: address not available 192.168.43.149:8002 的错误,是由于本机IP是动态变化,两个IP不同导致此类错误的产生,打开config文件夹,找到index.js文件,将里面的host: '192.168.43.149'改为host: 'localhost',host: '192.168.219.149'...原创 2021-08-30 09:40:46 · 1183 阅读 · 0 评论 -
vue 中 $listeners 的使用方法
listeners的官方介绍:包含了父作用域中的(不含.native修饰器的)v−on事件监听器。它可以通过v−on="listeners 的官方介绍:包含了父作用域中的 (不含 .native 修饰器的) v-on 事件监听器。它可以通过 v-on="listeners的官方介绍:包含了父作用域中的(不含.native修饰器的)v−on事件监听器。它可以通过v−on="listeners"传入内部组件——在创建更高层次的组件时非常有用。<div id="app"> A{{ms.原创 2021-08-19 17:25:07 · 1086 阅读 · 0 评论 -
vue 最全组件通信方法
组件通信常⽤⽅式:props、event、vuex边界情况:parent、parent、parent、children、root、root、root、refs、provide/inject⾮prop特性:attrs、attrs、attrs、listenersprops$emit / $on//vue中$emit与$onvar Event = new Vue();//相当于又new了一个vue实例,Event中含有vue的全部方法;Event.$emit('msg',this.msg);.原创 2021-08-19 17:21:34 · 164 阅读 · 0 评论 -
vscode保存代码,自动按照eslint规范格式化代码设置
安装 eslint 插件打开用户配置文件 -> 首选项 -> 设置搜索setting.json填写如下配置{ "search.exclude": { "**/node_modules": true, "**/bower_components": true, "**/dist": true, "build/": true, "temp/": true, "library/": true, "**/*.anim": true,.原创 2021-06-18 16:41:39 · 580 阅读 · 0 评论 -
vue子组件this.$parent调用父组件方法报错TypeError:this.parent.xxx is not a function
在做 vue 项目开发时,遇到了在子组件中利用this.parent调用父组件的自定义方法,报‘TypeError:this.parent调用父组件的自定义方法,报`TypeError: this.parent调用父组件的自定义方法,报‘TypeError:this.parent.xxx is not a function`的错,可是在父组件明明定义了该方法,遂查询 vue.js 的官方文档,但是文档也只有简短的说明,并没有相关的错误提示。官方文档中没有提示,那就只能自己动手找原因了,随即就在子组件中打印原创 2021-03-23 14:21:07 · 12208 阅读 · 4 评论 -
Win10系统安装webpack、vue等报错:无法加载文件 C:\Users\17542\AppData\Roaming\npm\vue.ps1,因为 在此系统上禁止运行脚本。
Win10系统安装webpack、vue等报错:无法加载文件 C:\Users\17542\AppData\Roaming\npm\vue.ps1,因为 在此系统上禁止运行脚本。出现的问题:安装完webpack、vue-cli、cnpm等之后,在命令行下运行报错:无法加载文件 C:\Users\17542\AppData\Roaming\npm\vue.ps1,因为 在此系统上禁止运行脚本。...原创 2020-01-20 10:23:05 · 554 阅读 · 2 评论 -
HBuilder 打包webapp 设置沉浸式状态栏
1.在manifest.json 要设置"fullscreen": false;2.在 manifest.json 设置"plus": { "launchwebview": { "statusbar": { "background": "#00933c" } }, ...原创 2020-01-20 11:28:41 · 1274 阅读 · 1 评论 -
vue 路由传递参数
vue路由跳转传递参数:1、使用params,但是这种方式在页面刷新的时候会出现很多问题,需要在路由中配置2、使用query,页面刷新不会存在问题,也不需要在路由中配置。 { path:'/detail', component: detail, }使用方法:传递参数(JS中):this.$router.push({ path: '/detail', que...原创 2020-01-20 11:13:39 · 253 阅读 · 0 评论 -
Vue项目通过HBulider打包原生APP
Vue webapp项目通过HBulider打包原生APP1、webapp项目已经通过vue-cli搭建的脚手架写好了,然后通过webpack打包成一个部署文件list,如下:2、打开HBulider,打开目录,选择这个list,项目名称自己更改。...原创 2020-01-20 10:31:35 · 308 阅读 · 0 评论 -
vue sass安装
1、开始在vue项目中使用sass,在命令行输入一下命令进行安装(使用git命令行要用shift+insert 进行粘贴否则粘贴不上)cnpm install node-sass --save-dev //安装node-sass cnpm install sass-loader --save-dev //安装sass-loader cnpm install style-loader --sa...原创 2020-01-20 10:19:06 · 246 阅读 · 0 评论 -
前端知识图谱
1. 5JS基础:ES5,es6,canvas(只能画2D的图),websocket(实时推送,)2. H5:离线存储(local, session,cookie),定位,sag(字体图标,画线,看源码),webGL(画3D的图)3. 图表类:Echart,hchart(传一些数据,一般是对象,数组,搜图表.js,饼图,折线图,直线图。。。。。)4. 框架类:Vue(mint,element...原创 2020-01-17 18:15:14 · 525 阅读 · 0 评论 -
前端知识图谱
前端知识图谱 JavaScript高级 事件与运动框架封装 javaScript原理与库封装 jQuery jQuery案例 正则表达式与JSON 正则表达式案例 模块化 CommonJS AMD RequireJs CMD ES6 Modules HTML5&CSS3 HTML CSS3 Bootstrap ...原创 2020-01-17 17:44:37 · 507 阅读 · 0 评论 -
vue解决跨域
vue项目中,前端与后台进行数据请求或者提交的时候,如果后台没有设置跨域,前端本地调试代码的时候就会报“No ‘Access-Control-Allow-Origin’ header is present on the requested resource.” 这种跨域错误。要想本地正常的调试,解决的办法有三个:一、后台更改headerheader(‘Access-Control-Allow...原创 2020-01-17 17:39:16 · 197 阅读 · 0 评论 -
vue卸载(升级)UI组件
首先把之前 的VANT 卸载掉npm uninstall vant然后重新安装 一次vantnpm i vant -S原创 2020-01-17 10:03:06 · 6053 阅读 · 0 评论 -
vue加scoped后就无法修改UI组件的样式
在mainfest.json的plus中以下位置添加statusbar内容"plus": { "statusbar":{ "immersed": tr...原创 2020-01-03 11:21:41 · 296 阅读 · 0 评论 -
使用scss报错TypeError: this.getResolve is not a function
原因:安装的sass-loader的版本为最新8.0.0,查看网上资料说是版本过高导致编译错误。 解决方法:把项目package.json文件中sass-loader版本改为7.3.1。执行命令,重新安装项目依赖:npm install然后,启动项目:npm run dev就好了! ...原创 2019-11-26 00:14:02 · 192 阅读 · 0 评论 -
清除svn版本号文件
@echo oncolor 2fmode con: cols=80 lines=25@REM@echo 正在清理SVN文件,请稍候…@rem 循环删除当前目录及子目录下所有的SVN文件@rem for /r . %%a in (.) do @if exist “%%a.svn” @echo “%%a.svn”@for /r . %%a in (.) do @if exist “%%a...原创 2019-06-28 18:10:59 · 489 阅读 · 0 评论 -
element中input的change事件
element中input的change事件是移除焦点才触发:<el-inputplaceholder=“同事姓名或账号”suffix-icon=“el-icon-search”v-model=“keyword”@change=“handlerPageNo”style=“width: 180px;”>想要变成输入就出发:解决:使用@input...原创 2019-05-17 17:37:55 · 4768 阅读 · 0 评论