3.登录页面视图编写
下载element-ui(饿了么)依赖
npm i element-ui -S
注解:
i:install安装的缩写
-S:--save的缩写,把所下载的依赖放到正式开发环境的依赖下面
引入 Element
在 main.js 中写入以下内容:
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
Vue.use(ElementUI);
完整引入效果:
import Vue from 'vue'
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
import App from './App.vue'
import router from './router'
Vue.config.productionTip = false
Vue.use(ElementUI);
new Vue({
router,
render: h => h(App)
}).$mount('#app')
是否要自动补全
auto-complete="false"
表单中的校验规则
<template>
<div>
<!-- rules制作表单校验规则 -->
<el-form :rules="rules">
<!-- rules需要prop来绑定元素 -->
<el-form-item prop="username">
</el-form-item>
</el-form>
</div>
</template>
具体的看饿了么官网
本文是原创文章,采用 CC BY-NC-ND 4.0 协议,完整转载请注明来自 Eternal Night
评论
匿名评论
隐私政策
你无需删除空行,直接评论以获取最佳展示效果