(三)使用 Element 辅助前端开发——vue+springBoot实战

vue

Element 的官方地址为 http://element-cn.eleme.io/#/zh-CN

#安装Element

cd wj-vue

cnpm i element-ui -S

#引入Element (完整引入、按需引入)

完整引入:

main.js 引入

 组件中用相应的标签进行引用

对于代码:一般先注释掉,确定没有影响了再删除。 

#优化登录界面

为了设计界面,我们需要关注的地方是 <template> 标签内的 html 和 <style> 标签内的 css。登录框我们一般会用 Form 来做,打开 Element 的组件文档(http://element-cn.eleme.io/#/zh-CN/component/),发现它为我们提供了丰富的 Form 组件,我们可以点击“显示代码”,复制我们需要的部分。


 

以上是 (三)使用 Element 辅助前端开发——vue+springBoot实战 的全部内容, 来源链接: utcz.com/z/378261.html

回到顶部