el-slider el-table
时间: 2024-01-30 13:12:25 浏览: 40
el-slider是Element UI库中的一个滑块组件,用于在页面上创建可拖动的滑块。el-table是Element UI库中的一个表格组件,用于展示和处理数据表格。
以下是el-slider和el-table的介绍和示例:
el-slider的用法:
```html
<template>
<div>
<el-slider v-model="value" :min="0" :max="100"></el-slider>
</div>
</template>
<script>
export default {
data() {
return {
value: 50
};
}
};
</script>
```
el-table的用法:
```html
<template>
<div>
<el-table :data="tableData" style="width: 100%">
<el-table-column prop="name" label="姓名"></el-table-column>
<el-table-column prop="age" label="年龄"></el-table-column>
<el-table-column prop="gender" label="性别"></el-table-column>
</el-table>
</div>
</template>
<script>
export default {
data() {
return {
tableData: [
{ name: '张三', age: 18, gender: '男' },
{ name: '李四', age: 20, gender: '女' },
{ name: '王五', age: 22, gender: '男' }
]
};
}
};
</script>
```