VUE配置Axios和 element ui

一.配置axios

1. 首先当我们创建完VUE项目的时候,我们要到package,json里看一下是否配置了我们需要的插件,一般来说axios和element ui是需要我们在终端里运行代码配置的,首先是axios的配置,在终端里运行 npm i axios -S 然后在main.js里添加两行代码

第一条是 import ElementUI from 'element-ui'; 第二条是 Vue.prototype.$axios=axios

然后我们就可以在项目里使用axios了,语法就是

onSubmit() {       this.$axios         .post("http://localhost:59467/api/GoodsAPI/AddGoodes", this.form)         .then((res) => {           if (res.data > 0) {             alert("成功");             this.$router.push("/");           }         });     }

二.配置element ui

1.在终端里运行npm i element-ui -S

2.在main.js中添加三行代码,
import ElementUI from 'element-ui';

import 'element-ui/lib/theme-chalk/index.css';

Vue.use(ElementUI);

这些都是在element-ui官网中可以看到的

三.关于element-ui的使用

其实在官网里都有相关的用法,我们要做的就是把相应的字段,方法改成我们需要的

上一篇:ElementUI


下一篇:ElementUI自定义组件之左右折叠展开动画