Vue工程测试Element-UI插件是否可用步骤

之前引入了Element-UI插件后成功过了，但在测试代码的时候又出现了问题，下面记录一下解决过程。

如何在Vue工程中引入Element-UI插件，请看这篇博文。

在Vue工程中添加Element-UI测试代码的步骤请看猫猫猫猫猫大人的博文，从第三部分开始看。

笔者在添加完上述代码后，在浏览器中输入 http://localhost:8080地址，结果找不到页面，服务器拒绝链接！！！，对于第一次捣鼓Vue的笔者来说，又是一个打击，没有办法啦，出现问题那就解决掉它！

笔者检查了配置文件，没有问题，最后抱着试试的心态在命令提示窗口重新运行Vue工程，即在DOS窗口输入：cd（此处包含一个空格）C:\Users\Administrator\Desktop\vue_project（这是笔者的Vue项目文件夹所在的位置），然后再输入命令：npm run dev，重新编译，开始配置build文件夹下的webpack.dev.conf.js，后面开始等待。。。

编译完成，重新再浏览器中输入 http://localhost:8080，可以了！！！

Vue工程测试Element-UI插件是否可用步骤相关推荐

npm创建Vue工程【element UI】
npm创建Vue工程[element UI] 步骤 # 初始化一个名为 hello-vue 的Vue工程 vue init webpack hello-vue# 进入 hello-vue 工程 cd ...
基于 Vue JS、Element UI、Nuxt JS的项目PC端前端手册
基于 Vue JS.Element UI.Nuxt JS的项目PC端前端手册前言:笔记写于2020年5月左右,刚开始做前端时整理的笔记 1.环境搭建 1.安装nodeJs 官网下载地址:http ...
模糊搜索——Vue单页面-Element UI
模糊搜索--Vue单页面-Element UI <!DOCTYPE html> <html><head><meta charset="UTF-8&q ...
Vue 篇解决ELement UI 中表单验证(多层Object嵌套)
项目场景: 提示:主要是在 Vue 框架中: 用 Element UI 提供的规则进行表单验证问题描述因为我 data 里面嵌套了多层 Object, 所以 Element UI 提供的表单验证没 ...
Vue引入第三方Element UI 组件
Element UI 官网地址: 各种基于Vue.js的各种UI组件 https://element.eleme.cn/#/zh-CN/component/quickstart https://ele ...
【2】Vue项目引用Element UI（饿了么框架）菜单导航条初期配置
首先要理解Vue项目加载顺序: index.html → main.js → App.vue → nav.json→ routes.js → page1.vue index.html建议加入样式 &l ...
vue 使用 cdn element ui 失效问题解决
原写法 (失效) 正确写法注意顺序!!! element 用cdn导入,组件使用无效 element用cdn导入前面要加一个vue的cdn,这个大家都知道,但问题是如果你npm里面有vue的话,他会 ...
在vue里面，element ui，el-select表单选中校验失败
项目场景: 在element 表单中我们需要校验,当表单中有数据变动时,会触发检验. 问题描述提示:这里描述项目中遇到的问题: 在项目中,提交时下拉菜单没有选,会触发校验提示,去选中下拉菜单的数据, ...
vue中修改Element ui样式不起作用
公司做的一个后台系统,由于Elemen ui是响应式的,在小屏笔记本中,一行两列的表单会自动变成一行一列,这样就很不美观了,由于是后台系统,当时也没考虑适配问题. 老总地表最强的电脑运行了一下,当 ...
vue项目，引入插件element ui 样式不生效
用vue ui 命令引入插件 element ui 样式不生效步骤一:执行如下命令,安装babel-plugin-component npm install babel-plugin-compon ...

Vue工程测试Element-UI插件是否可用步骤

Vue工程测试Element-UI插件是否可用步骤相关推荐

最新文章

热门文章