element-ui+vue.js 简易留言板

最新推荐文章于 2023-12-08 16:57:55 发布

a1223f

最新推荐文章于 2023-12-08 16:57:55 发布

阅读量3k

点赞数 2

分类专栏： vue.js 文章标签：留言板 element-ui vue

本文链接：https://blog.csdn.net/a1223f/article/details/54344094

版权

这篇博客展示了一个使用Element-UI库和Vue.js框架创建的简易留言板应用。用户可以输入标题和内容，点击添加按钮将留言保存到表格中。表格显示每条留言的编号、标题和内容，并提供删除功能。此外，还提供了删除所有留言的选项。

摘要由CSDN通过智能技术生成

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>留言板</title>
    <!-- 引入样式 -->
    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-default/index.css">
</head>

<body>
    <div id="messageboard">
        <el-form ref="form" label-width="50px">
            <el-form-item label="标题">
                <el-input v-model="title" placeholder="请输入标题"></el-input>
            </el-form-item>
            <el-form-item label="内容">
                <el-input v-model="content" placeholder="请输入内容"></el-input>
            </el-form-item>
            <el-form-item>
                <el-button @click="add()">添加</el-button>
                <