如何在Vue中利用Element实现一个增删改查功能-创新互联

如何在Vue中利用Element实现一个增删改查功能？相信很多没有经验的人对此束手无策，为此本文总结了问题出现的原因和解决方法，通过这篇文章希望你能解决这个问题。

Element是由饿了么公司前端团队开源。样式精美、组件齐全、易于上手。

组件使用

我们利用vue-cli创建一个项目，然后只需要安装element-ui即可

安装：npm i element-ui -S

然后在main.js中引用一下样式即可，可以选择按需加载，我们这边因为是演示一下，所以不去进行调整，项目中如果使用到的组件不多，可以选择按需加载。

main.js

import Vue from 'vue';
import App from './App.vue';
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';

Vue.config.productionTip = false;

Vue.use(ElementUI);

new Vue({
 render: h => h(App),
}).$mount('#app')