在 Vue 2 中,Element UI 是一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库。而在 Vue 3 中,Element UI 的后续版本是 Element Plus,它是为 Vue 3 设计的。不过,对于 el-divider
(分割线组件)来说,无论是 Element UI(Vue 2)还是 Element Plus(Vue 3),其基本的使用方式、属性和事件都非常相似,因为这是一个相对简单的组件。
Vue 2 + Element UI 的 el-divider
在 Vue 2 中,使用 Element UI 的 el-divider
组件时,你主要关注的是它的属性(Props),因为 el-divider
通常不触发事件(Events)或提供方法(Methods)供外部调用。
属性(Props)
direction
: 分割线的方向,可选值为horizontal
(水平)或vertical
(垂直),默认为horizontal
。
示例
<template>
<div>
<el-divider></el-divider> <!-- 默认水平分割线 -->
<el-divider direction="vertical"></el-divider> <!-- 垂直分割线 -->
</div>
</template>
<script>
import { Vue } from 'vue';
import Eleme