![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
my_vue
carpe diem xt
-------
展开
-
webpack 性能优化方案总结
vue 性能优化原创 2022-06-27 18:28:52 · 722 阅读 · 0 评论 -
vue中v-bind=“$attrs“和v-on=“$listeners“的含义(记录)
vue中v-bind="$atts"和v-on="$listeners"的作用转载 2022-02-21 11:17:04 · 339 阅读 · 0 评论 -
throw er; // Unhandled ‘error‘ event 解决方案
启动vue项目,无法启动,报错内容如下:错误原因:端口号被占用解决方案:1、查找被占用的端口号1.1、cmd查询使用的端口号是否被占用netstat -aon|findstr “8888”回车,结果如下:“5436”就是被占用端口号的PID2、按快捷键“ctrl+shift+esc”调出windows的任务管理器,3、切换到“详细信息”,对照PID找到对应的程序,结束进程,即可...原创 2021-08-18 10:39:31 · 7082 阅读 · 0 评论 -
node升级之后导致vue项目打不开,node-sass版本错误
node升级之后,vue项目启动就报错报错内容:Found bindings for the following environments: Windows 64-bit with Node.js 8.xThis usually happens because your environment has changed since running npm install根据提示,是要重新构建node-sass,所以执行下面的命令:npm rebulid node-sass如果还是不行,重新安装n原创 2021-08-16 10:52:25 · 1578 阅读 · 0 评论 -
axios连接多个服务器以及跨域代理的配置
以vue为例一、在.env.development和 .env.production文件中设置基础路径1.1 : 文件名不可乱改1.2:声明的变量必须以 VUE_APP_XXX为开头,并且都是大写比如:开发环境路径:比如:生产环境路径:二、axios拦截器的配置如上图生产和开发环境都定义了两个基础变量,分别为:VUE_APP_BASE_API 和 VUE_APP_BASE_API_OL(不同的变量对应不同服务器的基础路径)所以也需要声明两个拦截器。存在于不同的文件,分别为:request原创 2021-07-21 15:27:04 · 1902 阅读 · 0 评论 -
父组件使用v-model,实现子父组件动态传值
一、实现动态传值<body><script src="https://cdn.bootcss.com/vue/2.5.16/vue.js"></script><div id="box"> <new-input v-model="name"></new-input> {{name}}</div><script>Vue.component('new-input',{ props: ['valu原创 2021-03-10 20:30:35 · 126 阅读 · 0 评论 -
elementUI中的$message提示消息换行
添加 ‘dangerouslyUseHTMLString’为true,使能够解析换行标签’< b r />’this.$message({ dangerouslyUseHTMLString: true, message: '当前上传的文件 导入失败 <br/> 失败的原因为:......', type: 'warning', duration: 5000})......原创 2021-02-05 16:54:14 · 3469 阅读 · 0 评论 -
vue mixins详解
第一: 使用mixins.js export default { data() { return { num: 1 } }, created() { this.hello() } methods: { hello() { console.log('--------- ,mixins ------------') } } }组件1:<template> <div> 组件1原创 2021-01-29 14:26:04 · 225 阅读 · 0 评论 -
node环境端口号被占用导致Vue报错:Error listen EADDRINUSE: address already in use 127.0.0.1:8888
由于端口号被占用,所以会报上图所示的错误,找到被占用的端口,关闭它就OK了原创 2021-01-05 20:08:41 · 945 阅读 · 0 评论 -
构建vue项目出错
第一步1、 执行 npm install -g vue-cli 全局安装vue脚手架2、执行vue init webpack '项目名称’初始化项目,产生报错解决方案: (1) 先执行上面提示的命令 npm install -g @vue/cli-init(2) 再重新全局安装脚手架 npm install -g vue-cli(3) 初始化项目: npm init webpack ‘项目名称’又出现报错:然后就是各种百度,找解决方法:看了很多文章都说是安装nodejs的时候,环境变量原创 2020-09-22 11:31:08 · 760 阅读 · 0 评论 -
vue+elementUI调取摄像机/相册的功能
主要是利用elementUI组件实现获取摄像机/相册的功能 (原生的input标签也是可以的,封装好的组件功能比较完善,就使用组件实现了,主要是有点懒!!哈哈哈)html<template> <div class="test"> <div class="image_list"> <el-upload ref="upload" class="upload-demo" :action="resu原创 2020-08-18 11:03:03 · 3451 阅读 · 5 评论 -
vue-element-admin 使用总结
(写的不对的地方,欢迎指正,项目总结,请勿喷,谢谢)官网https://panjiachen.github.io/vue-element-admin-site/zh/guide/#%E5%8A%9F%E8%83%BD一、登录权限登录在src/views/login/index.vue ,登录只是账号密码,登录后获取用户信息其中包含用户角色,路由配置在src/router/index.js,路由中配置了每个路由对应的角色二、侧边栏动态渲染src/router/index.js 路由配置里有公共的路由原创 2020-08-17 15:47:42 · 1230 阅读 · 0 评论 -
vue 中如何使用websocket
vue 中如何使用websocket前端和后端的交互模式最常见的就是前端发数据请求,从后端拿到数据后展示到页面中。如果前端不做操作,后端不能主动向前端推送数据,这也是http协议的缺陷。因此,一种新的通信协议应运而生—websocket,他最大的特点就是服务端可以主动向客户端推送消息,客户端也可以主动向服务端发送消息,实现了真正的平等项目中代码如下(在此记录一下,做个备注)created() { this.initWebSocket() // 连接websocket } destorye原创 2020-06-13 14:27:29 · 252 阅读 · 0 评论