Element学习

在 Java Web 开发中，前端框架和组件库的选择对于构建用户界面至关重要。“Element（饿了么）” 是一个非常流行的前端组件库，特别适用于构建基于 Vue.js 的应用程序。

在你的 Vue 组件中，可以直接使用 Element 提供的组件：

  1. 常用组件示例
    4.1 按钮 (Button)
<el-button type="primary">主要按钮</el-button>
<el-button type="success">成功按钮</el-button>
<el-button type="warning">警告按钮</el-button>
<el-button type="danger">危险按钮</el-button>

4.2 输入框 (Input)

<el-input v-model="input" placeholder="请输入内容"></el-input>

4.3 表格 (Table)

<el-table :data="tableData">
  <el-table-column prop="date" label="日期" width="180"></el-table-column>
  <el-table-column prop="name" label="姓名" width="180"></el-table-column>
  <el-table-column prop="address" label="地址"></el-table-column>
</el-table>

4.4 对话框 (Dialog)

<el-dialog title="提示" :visible.sync="dialogVisible">
  这是一段信息
</el-dialog>
posted @ 2024-11-21 23:01  Look_Back  阅读(1)  评论(0)  编辑  收藏  举报