Vue整合ElementUI,组件使用教程,适合新手,知识点详解
<template>
<el-row>
<el-col :span="12">
<el-button type="primary">确认</el-button>
</el-col>
<el-col :span="12">
<el-button type="info">取消</el-button>
</el-col>
</el-row>
</template>
<script>
export default {
name: 'MyComponent'
}
</script>
<style scoped>
/* 这里可以写CSS样式 */
</style>
这个例子展示了如何在Vue组件中使用ElementUI的布局和按钮组件。<el-row>
和<el-col>
组件用于创建一个带有12列的布局,<el-button>
则用来创建两个不同样式的按钮。这个例子简单易懂,适合新手学习和使用。
评论已关闭