Vue+ElementUI笔记
<template>
<el-row>
<el-col :span="12">
<el-button @click="handleClick">点击我</el-button>
</el-col>
</el-row>
</template>
<script>
export default {
methods: {
handleClick() {
this.$message('按钮被点击');
}
}
}
</script>这个例子展示了如何在Vue中使用Element UI库创建一个简单的页面，其中包含一个响应式布局的列和按钮。当按钮被点击时，会使用$message方法显示一个消息提示。这是学习Vue和Element UI的一个基础示例。
评论已关闭