如下图： 主要原因是因为连国外的npm源受网络影响大，速度慢且可能出现异常。 解决方法： 运行命令 npm config set registry https://registry.npm.taobao.org ，使用阿里提供的镜像。 设置之后再重新运行npm install -g @vue/cli , 这样就可以运行成功，如下图： 版权声明：本文为qq_41266333原创文章，遵循 CC 4.…
一、安装ElementUI 二、完整引入elementUI 1、在main.js中引入elementUI 2、测试 三、按需引入elementUI 1、安装babel-plugin-component 2、修改 **.babelrc** 文件 3、引入部分组件 4、完整的组件列表和引入方式 组件列表 全局配置 完整引入 Element 按需引入 Element ElementUI框架官网地址：ht…
后端给的对象结构是这样的，三层嵌套 而在最开始的时候我在data中定义了一个对象（dataInfo）接受了图示所有的属性 而在template中我要渲染数据（dataInfo.clientInfo.deviceName） 然后。。。。 未定义。。。作为一个前端菜鸡，百思不得其解。 最终在有道的帮助下，告诉我了此属性不在vue实例上 恍然大悟 只能解析在data中定义也就是vue实例上的对象子一层的…
千万不要把存放echarts实例的变量放到data里面，应该在created里面写this.echartsInstance="", 然后mounted里面初始化实例。 版权声明：本文为qq_33758085原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。原文链接：https://blog.csdn.net/qq_33758085/article/details/…
文章目录 1.简介 2.安装和官网 3.文件结构 4.语法规范 5.如何在vue项目中引入mockjs? 6.另一种写法:单独写一个接口文件:mock/users.js 1.简介 Mockjs 是一款模拟数据生成工具，模拟 Ajax 请求，通过随机生成数据, 模拟各种业务场景并返回模拟数据，帮助前端在后台未提供接口时实现独立开发。 Mockjs支持的随机数据类型很丰富，包括文本、数字、布尔值、日期…
文章目录 存在问题 html index.js headerCom.js 存在问题 没有实现全局组件的复用，只能在单一页面做逻辑的拆分 传递复杂类型数据到子组件，会出现无法解析语法的问题(解决方案不使用驼峰命名，使用下划线连接可解决) html <!DOCTYPE html> <html lang="en"> <head> <meta charset="U…
vue判断手机移动端 //App.vue，判断是否为移动端 _isMobile() { let flag = navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebO…
头部60-140显示，渐隐渐现的效果 <template> <div> <router-link tag="div" to="/" class="header-abs" v-show="showAbs"> <div class="iconfont header-abs-back"></div> </route…
VUE PC端可拖动悬浮按钮导航菜单 最近遇到的奇葩需求，客户要在管理系统中加一个快捷导航，是个悬浮按钮，本身用若依做的，那左边导航栏不好用吗=-=，不过客户有需求，我们就得做啊，然后就在网上找了个改了一下。 <template> <div> <div class="sssss"> <div class="callback float" @mousedow…