Vue3-数据分页展示的处理

「已注销」

于 2022-05-13 22:30:40 发布

阅读量1.1k

点赞数 1

文章标签： vue.js

本文链接：https://blog.youkuaiyun.com/weixin_51029697/article/details/124761154

版权

本文详细介绍了在Vue3中如何实现数据分页展示，包括模板和脚本的编写，以及实现过程中需要遵循的规范。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、数据分页template

<template>
<div class="select-box">
    <!-- --------------------搜索---------------------------- -->
    <el-form :inline="true" :model="selectData" class="demo-form-inline">
        <el-form-item label="标题搜索">
            <el-input v-model="selectData.title" placeholder="请输入关键字" />
        </el-form-item>
        <el-form-item label="详情">
            <el-input v-model="selectData.body" placeholder="请输入关键字" />
        </el-form-item>
        <el-form-item>
            <el-button type="primary" @click="submit">查询</el-button>
        </el-form-item>
    </el-form>

    <!-- --------------------搜索---------------------------- -->

    <!-- ------------------表格------------------------------ -->
    <el-table

最低0.47元/天解锁文章